jquery - jQueryをクリックして、もう一度クリックします

Question

ボタンがクリックされるとクラスが与えられ、もう一度クリックされるとクラスが削除されるようにしようとしています。

誰か助けてもらえますか？

    $("body").on("click", ".AudioShowHidePlaylist", function(event){
        $('.AudioShowHidePlaylist').addClass('active');
    });

Answer 1

単にtoggleClass：

$("body").on("click", ".AudioShowHidePlaylist", function(event){
    $('.AudioShowHidePlaylist').toggleClass('active');
    // Or as @Felix commented below:
    $(this).toggleClass('active');
});

ドキュメント：

説明：クラスの存在またはswitch引数の値に応じて、一致した要素のセット内の各要素から1つ以上のクラスを追加または削除します。

Answer 2

$('#foo').toggleClass(className, addOrRemove);

と同等です：

if (addOrRemove) {
   $('#foo').addClass(className);
 }
 else {
   $('#foo').removeClass(className);
}

更新：http：//api.jquery.com/toggleClass/で記事全文を読む

トグル機能の詳細については、ここをクリックしてください