navigation bar to remain on a selected link

Question

Hi,

 

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>