javascript - 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('ClassName'); $("#YourID").addClass('ClassName');