jQuery，在点击时添加和删除一个类

Question

到目前为止，这是我的代码：

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

我希望DT只要有人点击它就会包含一个“活动”类，然后只要有人再次点击它就会包含“非活动”类。

这怎么可能？

Answer 1

使用.toggleClass，您可以切换类。 你为什么要参加2节课？

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

Answer 2

您可以使用toggleClass，首先将非活动类分配给dt元素，然后激活切换类。它将在dt。

的非活动活动类之间切换

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