Jquery点击功能问题

Question

我有一个功能，当用户先点击它会添加一个类，然后在第二次点击它将删除该类，再次..所以..这就像第一次点击它意味着活动，然后第二个不活动。就像那样。

这是我的代码：

$('.sub-nav-add').css('display','none');
   $('.nav-add').click(function(){
   $('.sub-nav-add').slideToggle(200);
   $('.box-add').addClass('sub-nav-active');
});

如何添加将删除类的第二个单击功能？

Answer 1

使用toggleClass。

$('.sub-nav-add').css('display','none');
$('.nav-add').click(function(){
    $('.sub-nav-add').slideToggle(200);
    $('.box-add').toggleClass('sub-nav-active');
});

Answer 2

看看.toggle method。它会完全符合您的要求。