0
367
Vistas¿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 Respuestas
Responde la pregunta0
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
Denunciar
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
Denunciar
0
Solo agrega display: none
<ul class="nav nav-treeview" style="display: none;">
·
Juan Pablo Isaza
Denunciar
Responde la pregunta