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>