Switch between two css classes on click

Question

I was wondering how to do something more efficiently in jQuery and that is switch a class to another class on click on #trigger.

So on odd clicks, class a ( .a ) will be given to all <nav>s in the document and then on even clicks, class a ( .a ) will be remove / switched-out and replaced with class b ( .b ).

The only way i could think about doing this is by adding the new class and removing the current class, but i'm sure there has to be a more efficient way of doing this.

@DanielA.White Just what I described above. Adding and removing classes with .addClass() and .removeClass() — IMUXIxD
– IMUXIxD, Commented Mar 9, 2013 at 2:48

Fresheyeball · Accepted Answer · 2013-03-08 19:52:34Z

4

 $('.a').on('click',function(){ $(this).toggleClass('a b'); });

answered Mar 8, 2013 at 19:52

Fresheyeball

30.1k21 gold badges106 silver badges168 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

IMUXIxD Over a year ago

Thank you for this. Why use .on('click'... instead of .click() ?

Fresheyeball Over a year ago

.click is just shorthand for .on('click' but the on method is more powerful. So I always just use .on

Fresheyeball Over a year ago

stackoverflow.com/questions/11552174/…

Collectives™ on Stack Overflow

Switch between two css classes on click

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related