jquery - 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');
});