I have a navigation menu on left hand side as a list and each tab has a list of options under them . I want that when I click on a list it should remain active on page load the navigation list should not collapse any ideas how we can achieve it here is a code for my navigation list.
<li>
<a href=" #"> <i class="fa fa-gear"></i> <span class="nav-label">MarketPlace Pims Live</span><span class="fa arrow"></span></a>
<ul class="nav nav-second-level collapse" id="myTab">
<li ><a href="@Url.Action("Index", "Logs")" id="tab" data-toggle="modal" onclick="$('#modal-LoadingMP').modal('show');">View Logs</a></li>
<li><a href="@Url.Action("Index", "Documents")" data-toggle="modal" onclick="$('#modal-LoadingMP').modal('show');">Unprocessed Pharmacy Orders </a></li>
<li><a href="@Url.Action("Index", "Document18")" data-toggle="modal" onclick="$('#modal-LoadingMP').modal('show');">Unresponded Supplier Orders</a></li>
</ul>
</li>
<li>