CODEWITHSUNDEEP
jqueryclasslistswap
Francis Thibault
Francis Thibault

Reputation: 33

swap classes on click

I have a list of 6 items that are in a global div (navigationagence) Right now I am able to add a class on click but right now they adds up which means that once my six items are clicked they all end up with the currentagence class.

I want to be able to remove the add a class to the clicked item but remove it to the other, How can I achieve that? Here is the jquery code I am using right now.

$("#navigationagence ul li").click(function () { $(this).toggleClass("currentagence"); });

Upvotes: 1

Views: 674

Answers (2)

Naveed Ahmad
Naveed Ahmad

Reputation: 3175

Alternatively you can use:

$("#navigationagence ul li").click(function() {
    $(".currentagence").removeClass("currentagence");
    $(this).addClass("currentagence");
});

Upvotes: 0

Frédéric Hamidi
Frédéric Hamidi

Reputation: 262939

You can use the siblings() method to get the other list items and remove the class from them:

$("#navigationagence ul li").click(function() {
    $(this).addClass("currentagence").siblings().removeClass("currentagence");
});

Upvotes: 1

Related Questions