jquery - jQuery、クリック時にクラスを追加および削除する

Question

これまでの私のコードは次のとおりです。

$('.faq dd').hide();
$('.faq dt').click(function(){
    $(this).next().slideToggle('normal');
});

DT には、誰かがクリックするたびに「アクティブな」クラスを含め、誰かがもう一度クリックするたびに「非アクティブな」クラスを含めたいと思います。

そんなことがあるものか？

Answer 1

.toggleClass を使用すると、クラスを切り替えることができます。なぜ2つのクラスでプレーするのですか?

$('.faq dd').hide();
$('.faq dt').click(function(){
    $(this).toggleClass('active').next().slideToggle('normal');
});

Answer 2

toggleClassを使用して、最初に非アクティブなクラスを dt 要素に割り当て、トグル クラスでアクティブにします。dtの非アクティブアクティブクラスを切り替えます。

$('.faq dd').hide();
  $('.faq dt').click(function(){
     $(this).toggleClass('active');  
     $(this).next().slideToggle('normal');
});