Easiest way to toggle 2 classes in jQuery

jquery toggleclass
Stewie Griffin picture Stewie Griffin · Aug 9, 2011 · Viewed 197k times · Source

If I have class .A and class .B and want to switch in between on button click, what's a nice solution for that in jQuery? I still don't understand how toggleClass() works.

Is there an inline solution to put it in onclick="" event?

Answer

Frédéric Hamidi picture Frédéric Hamidi · Aug 9, 2011

If your element exposes class A from the start, you can write:

$(element).toggleClass("A B");

This will remove class A and add class B. If you do that again, it will remove class B and reinstate class A.

If you want to match the elements that expose either class, you can use a multiple class selector and write:

$(".A, .B").toggleClass("A B");

Related questions

touchstart and touchend to simulate hover or mouseup and mousedown

I need to simulate hover or mouseup/down in iphone menu, there are two examples I have given. <ul id="main_nav"> <li><a href="http://google.com">google</a></li&…

Read More
jquery add class on input click and remove class when click other input

I need to add a class to the input wrapper when I click on input, and remove the class when other input is clicked. I've tiyed toggleClass but it would only remove the class when the same input is clicked …

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More