jquery - toggle active class in the li items of nav-bar -


i using code toggle nav-bar active class not working...

$('ul.nav>li').click(function(){     $(this).parent().children('li').not(this).removeclass('active');     $(this).addclass('active'); }); 

my nav bar code is:

        <header class="row">             <div class="col-sm-12 hidden-xs">                 <img src="images/header.png" class="logo-image img-responsive" alt=""/>             </div>             <div class="col-sm-12">             <div class="clearfix"></div>           <nav class="navbar navbar-inverse">               <div class="container-fluid">                 <!-- brand , toggle grouped better mobile display -->                 <div class="navbar-header">                   <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">                     <span class="sr-only">toggle navigation</span>                     <span class="icon-bar"></span>                     <span class="icon-bar"></span>                     <span class="icon-bar"></span>                   </button>                 </div>                  <!-- collect nav links, forms, , other content toggling -->                 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">                   <ul class="nav navbar-nav">                     <li class="active"><a href="index.php">category<span class="sr-only">(current)</span></a></li>                     <li><a href="sub_category.php">sub category</a></li>                   </ul>                 </div><!-- /.navbar-collapse -->               </div><!-- /.container-fluid -->             </nav>             </div>         </header> 

i have updated whole bootstrap code...

i using bootstrap nav bar.

$('ul.nav li').click(function(){     $(this).addclass('active');  $(this).siblings().removeclass('active'); }); 

try , working fine...

jsfiddle


Comments

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -