I have some <li>
elements inside <ul>
element in the navigation bar , There is a class called "active" that has some properties to define the active page , I want to add this class to one of them when it is clicked and remove it from this <li>
siblings using Javascript without any frameworks just pure Javascript .
<ul class='tabs'>
<li class='active'>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
So when another page name is clicked the 'active' class is removed from the others and added to that page name.