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;
});
});

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)).

Using Fumigator's suggested method with toggleClass() (http://docs.jquery.com/Attributes/toggleClass) makes this super easy.

Using Fumigator's suggested method with toggleClass() (http://docs.jquery.com/Attributes/toggleClass) makes this super easy.

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