Question

Lets say I have the following HTML…

<a class="active" href="#section1">Link 1</a>  
<a href="#section2">Link 2</a>  

When a link 2 is clicked I would like it to receive the active class and remove the class from link 1 itself so it would effectively become:

<a href="#section1">Link 1</a>  
<a class="active" href="#section2">Link 2</a>

This should work both ways. Ie. whatever link is clicked gets the class and removes it from the other.

How can this be done with jQuery?
Thanks in advance!

Answer 1

$("a").click(function(){
   $("a.active").removeClass("active");
   $(this).addClass("active");
});

Edit: added jsfiddle

http://jsfiddle.net/LJ6L5/