jQuery, adding and removing a class on click

Question

Here's my code so far:

$('.faq dd').hide();
$('.faq dt').click(function(){
    $(this).next().slideToggle('normal');
});

I would like the DT to include an "active" class whenever someone clicks on it and then an "inactive" class whenever someone clicks on it again.

How is that possible?

Flo Schild · Accepted Answer · 2013-04-19 18:20:40Z

5

With .toggleClass, you can toggle a class. Why would you play on 2 classes ?

$('.faq dd').hide();
$('.faq dt').click(function(){
    $(this).toggleClass('active').next().slideToggle('normal');
});

edited Apr 19, 2013 at 18:20

answered Apr 19, 2013 at 18:19

Flo Schild

5,3144 gold badges45 silver badges56 bronze badges

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

1 Comment

Suresh Atta Over a year ago

Fastest gun in the west :P

Adil · Accepted Answer · 2013-04-19 18:20:40Z

0

You can use toggleClass, first assign inactive class to dt element and give active in toggle class. It will switch between inactive active class for dt.

$('.faq dd').hide();
  $('.faq dt').click(function(){
     $(this).toggleClass('active');  
     $(this).next().slideToggle('normal');
});

answered Apr 19, 2013 at 18:20

Adil

148k25 gold badges217 silver badges207 bronze badges

Collectives™ on Stack Overflow

jQuery, adding and removing a class on click

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related