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

时间:2013-04-19 18:18:51

标签: jquery

到目前为止,这是我的代码:

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

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

这怎么可能?

2 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:0)

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

的非活动活动类之间切换
$('.faq dd').hide();
  $('.faq dt').click(function(){
     $(this).toggleClass('active');  
     $(this).next().slideToggle('normal');
});