<li class="nav-item"> <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo"> <i class="fas fa-fw fa-dollar-sign"></i> <span>Penjualan</span> </a> <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar"> <div class="bg-white py-2 collapse-inner rounded"> <h6 class="collapse-header">Create:</h6> <a class="collapse-item" href="blank.html">Faktur Penjualan</a> <a class="collapse-item" href="blank 2.html">Retur Penjualan</a> <a class="collapse-item" href="#">Surat Jalan Penjualan</a> </div> </div> </li>

Hola chicos, solo quiero preguntar, tengo este menú lateral, cada elemento con subelementos, que cuando se hace clic va a otra página. Cuando presiono el subelemento Faktur penjualan y cargo otra página, el menú se colapsa como en la primera foto.

¿Hay alguna forma de mantener el menú abierto al navegar a otras páginas? Este a continuación es mi código HTML. He probado opciones de preguntas similares aquí pero no tuve suerte. Soy bastante nuevo en el desarrollo front-end.