EVOLUTION-NINJA
Edit File: new-sidebar.php
<?php echo view('includes/header'); ?> <div class="sidebar close" id="leftDiv"> <!-- <div class="logo-details"> <i class='bx bxl-c-plus-plus'></i> <span class="logo_name">CodingLab</span> </div> --> <ul class="nav-links"> <li> <div class="iocn-link"> <a href="<?php echo base_url('master'); ?>"> <!-- <i class='bx bx-collection' ></i> --> <img src="public/assets/images/User_cicrle.png" alt="" /> <span class="link_name">Masters</span> </a> <!-- <i class="bx bxs-chevron-down arrow"></i> --> </div> <!-- <ul class="sub-menu"> --> <!-- <li><a class="link_name" href="#">Category</a></li> <li><a href="#">HTML & CSS</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">PHP & MySQL</a></li> --> <!-- </ul> --> </li> <!-- --> <li> <div class="iocn-link"> <a href="#"> <!-- <i class='bx bx-collection' ></i> --> <img src="public/assets/images/studen icon 1.png" alt="" /> <span class="link_name">Students</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <!-- <li><a class="link_name" href="#">Category</a></li> --> <li> <a href="<?php echo base_url('form');?>" >Enroll Students <br /> Application</a > </li> <li><a href="<?php echo base_url('student-list');?>">Student List</a></li> <!-- <li><a href="#">Admission</a></li> --> </ul> </li> <li> <div class="iocn-link"> <a href="#"> <!-- <i class='bx bx-collection' ></i> --> <img src="public/assets/images/Fee Management 1.png" alt="" /> <span class="link_name">Fee Management</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <!-- <li><a class="link_name" href="#">Category</a></li> --> <li><a href="<?php echo base_url('fees');?>">Create Fee Structure</a></li> <li><a href="<?php echo base_url('fees-collection');?>">Fee Collection</a></li> <li><a href="<?php echo base_url('fee-reoprt');?>">Fee Reports</a></li> </ul> </li> </ul> </div> <!-- --> <section class="home-section" style="background-color: #F6F9FF;"> <div class="home-content"> <i class="bx bx-menu"></i> <!-- <span class="text">Dashboard</span> --> </div> <!-- continue code will be in dashboard or other vie pagesa --> <script> let arrow = document.querySelectorAll(".arrow"); for (var i = 0; i < arrow.length; i++) { arrow[i].addEventListener("click", (e) => { let arrowParent = e.target.parentElement.parentElement; //selecting main parent of arrow arrowParent.classList.toggle("showMenu"); }); } let sidebar = document.querySelector(".sidebar"); let sidebarBtn = document.querySelector(".bx-menu"); console.log(sidebarBtn); sidebarBtn.addEventListener("click", () => { sidebar.classList.toggle("close"); }); </script>