for example when i click Tickets page , it should change to active class , i've fingured out the class contains "active" will change master page menu to be highlighted
so can you help me writing javascript to add class"active" automaticaly when clicking menu and remove class"active" when you click other menu ?
thanks in advance
<a class="brand" href="index.htm"><span class="color-highlight"></span>Booking </a>
<div class="nav-collapse">
<ul class="nav pull-right">
<li class="active"><a href="index.htm">Home</a></li>
<li><a href="Tickets.aspx">Tickets</a></li>
<li><a href="Exhibition.aspx">Exhibition</a></li>
<li><a href="Contact.aspx">Contact</a></li>
<li><a href="About.aspx">About</a></li>
</ul>
</div><!--/.nav-collapse -->
.navbar .nav .active > a, .navbar .nav .active > a:hover {
text-decoration: none;
color: #fff;
background-position: 0 0;
background-image: blue;
background-size: 100%;
}
.navbar .nav > li > a {
float: none;
margin: 25px 10px 5px;
padding: 5px;
font-size: 18px;
line-height: 19px;
margin-left: 20px;
color: #999999;
border: none;
background-image: blue;
background-size: 100%;
background-position: -200px -10px;
background-repeat: no-repeat;
font-family: 'Lato', sans-serif;
-webkit-transition: background-position .5s ease, color .8s ease;
-moz-transition: background-position .5s ease, color .8s ease;
-o-transition: background-position .5s ease, color .8s ease;
}
