jquery – bootstrap – menu – active

<nav role="navigation" class="">
<ul id="mainmenu" class="nav nav-pills nav-stacked">
 <li class="inactive no-pjax">
   <a href="dashboard.php" class="ini_navigasi_a">Dashboard</a>
 </li>
 <li class="inactive">
   <a href="users.php" class="ini_navigasi_a">Users</a>
 </li>
 <li class="active">
   <a href="tickets.php" class="ini_navigasi_a">Tickets</a>
 </li>
 <li class="inactive">
  <a href="kb.php" class="ini_navigasi_a">Knowledgebase</a>
 </li>
</ul>
</nav>

$('.ini_navigasi_a').click(function(){
$('.ini_navigasi_a').parent().removeClass('active');
$('.ini_navigasi_a').parent().addClass('inactive');
$(this).parent().removeClass('inactive');
$(this).parent().addClass('active');
});

 

Published by

G3n1k

just to remember what i had known :)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s