Iam trying to add active class in the <li>
but it's not working.
This is all my codes in the view:
<script type="text/javascript">
$(document).ready(function () {
$('#nav li.menu').click(function () {
$('#nav li.menu').removeClass("active");
$(this).addClass("active");
});
});
</script>
<nav id="nav">
<ul class="nav nav-pills nav-stacked">
<li class="main_menu"><span class="fa fa-bars fa-lg icon_here"></span> <span class="main">MENU</span></li>
@foreach (var item in Model) {
<li class="menu"><a href="@Url.Action(item.sm_action_name,item.sm_controller)"> <i class="fa fa-dot-circle-o fa-lg"></i> @item.sm_name</a></li>
}
</ul>
</nav>
This is what displayed in the console: