0
264
Views¿Cómo colapsar la vista de árbol de navegación cuando hago clic en el submenú en AdminLTE 3.0?
Como puede ver en el GIF, cuando hago clic en el submenú, ya no se colapsa. Lo que quiero es cuando hago clic en el submenú, se colapsará y no se cerrará automáticamente cuando haga clic en la página.
<li class="nav-item"> <a href="#" class="nav-link <?= $page == 'patients.php' || $page == 'medical_history.php'? 'active':''?>"> <i class="nav-icon fa fa-users-medical"></i> <p>Patients</p> <i class="fas fa-angle-left right"></i> </a> <ul class="nav nav-treeview <?= $page == 'patients.php' || $page == 'medical_history.php' ? 'show':''?>"> <li class="nav-item"> <a href="patients.php" class="nav-link <?= $page == 'patients.php' ? 'active':''?>"> <i class="far fa-circle nav-icon"></i> <p>Patient List</p> </a> </li> <li class="nav-item"> <a href="medical_history.php" class="nav-link <?= $page == 'medical_history.php' ? 'active':''?>"> <i class="far fa-circle nav-icon"></i> <p>Medical History</p> </a> </li> </ul> </li> 
·
Juan Pablo Isaza
3 answers
Answer question0
Actualizado...
Actualicé y proporcioné el código que necesita... simplemente copie y pegue este código en la sección correspondiente de su archivo. Estoy seguro de que esto funcionará para usted:)
<li class="nav-item <?= $page == 'patients.php' || $page == 'medical_history.php' ? 'menu-open' : '' ?>"> <a href="#" class="nav-link <?= $page == 'patients.php' || $page == 'medical_history.php' ? 'active' : '' ?>"> <i class="nav-icon fa fa-users-medical"></i> <p>Patients</p> <i class="fas fa-angle-left right"></i> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="patients.php" class="nav-link <?= $page == 'patients.php' ? 'active' : '' ?>"> <i class="far fa-circle nav-icon"></i> <p>Patient List</p> </a> </li> <li class="nav-item"> <a href="medical_history.php" class="nav-link <?= $page == 'medical_history.php' ? 'active' : '' ?>"> <i class="far fa-circle nav-icon"></i> <p>Medical History</p> </a> </li> </ul> </li> 
·
Juan Pablo Isaza
Report
0
Si su plantilla AdminLTE usa bootstrap , entonces intente agregar una clase show collapse y una clase en el elemento ul anidado justo después de la clase nav-treeview .
·
Juan Pablo Isaza
Report
0
Solo agrega display: none
<ul class="nav nav-treeview" style="display: none;">
·
Juan Pablo Isaza
Report
Answer question