使用jQuery按顺序添加和删除类

Question

我试图说，如果我的div没有活动的类添加它。如果它确实激活了类，则将其删除。

我有以下内容，只有我的代码添加了类，然后继续查询并在最后删除它，最好的解决方案是什么，2个单独点击功能？

$('.work-showcase').click(function(){
    if ( !$(this).hasClass('active') ){
        $(this).addClass('active');
    } else {
        $(this).removeClass('active');
    };
});

Answer 1

使用toggleClass方法：

$(".work-showcase").click(function() {
    $(this).toggleClass("active");
})

Answer 2

$（ “＃YourID”）removeClass（ '类名'）; $（ “＃YourID”）addClass（ '类名'）;