Jquery点击功能问题

Question

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

这是我的代码:

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

如何添加将删除Class的第二次单击功能？

Answer 1

使用toggleClass.

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