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

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

Im trying to say that, if my div doesnt have the class active add it. And if it does have the class active, remove it.

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

Ive the following, only my code adds the class, then continues the query and removes it at the end, what would the best solution be, 2 seperat click funcitons?

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