Search jQuery

jQuery Forum

Menu addClass/removeClass [SOLVED]

in Using jQuery • 11 years ago

I have a menu that links to content on the same page and through jQuery fades div's in and out, working perfectly.

The first link in the navigation has a class attached to it (current_page_item) and I would like, on click of any other link in the navigation, to remove that class and add it to the clicked link.

So far I've tried something like:

$(function() {
$("#nav-links a").click(function(){
$("#nav-links ul li").removeClass("current_page_item").find("li:last a").addClass("current_page_item");
});
});

which doesn't work.

I'm very new to javascript so any help would be appreciated.

Thanks!

EDIT:

Solution here: link

Replies(1)

charlietfl

Re: Menu addClass/removeClass

11 years ago

solution is simple but you are applying the class in one case to parent LI, and in other case to anchor

if that is correct

$(function() {

$("#nav-links a").click(function(){

$(".current_page_item").removeClass("current_page_item");

//"this" is the element clicked on

$(this).addClass("current_page_item");

});

Top Reply

Response title

Attachments

jQuery Forum

Menu addClass/removeClass [SOLVED]

Replies(1)

Re: Menu addClass/removeClass

Statistics

Tags

Actions