jQuery using show/hide and need toggle clicked link class

[stylepile]

I am using the script below to show and hide three divs using three links. What I would like to know is how to add a class to the currently clicked link and then remove it when one of the other links is clicked.

$(document).ready(function(){
	var divs = $('div.recommended_block, div.buying_advice_block, div.brand_reviews_block').hide();
	$('div.recommended_block').show();
	$('a#recommended_block, a#buying_advice_block, a#brand_reviews_block').click(function() {
 	 	divs.filter(':visible').hide();
  		$('.' + this.id).show();
  		return false;
	});
}); 

[Fumigator]

One way would be whenever a link is clicked, apply the "off" class to all the links, then apply the "on" class to just the clicked link (accessable via $(this)).

[tomws]

Using Fumigator's suggested method with toggleClass() makes this super easy.

[Fumigator]

Originally Posted by tomws

Using Fumigator's suggested method with toggleClass() makes this super easy.

Oh, right on, good idea. I wouldn't have thought to use that one.