jquery - アコーディオン用のカスタムjQueryがあり、トグル機能を使用しています。2番目のタブをクリックすると、1番目のタブが折りたたまれますが、これは発生していません

Question

アコーディオン用のカスタムjQueryがあり、トグル機能を使用しています。2番目のタブをクリックすると、1番目のタブが折りたたまれますが、これは発生していません

<p>Here is the code Demo for reference</p>

デモリンク

ありがとう ！

Answer 1

他の開いている子を閉じるには、何かを追加する必要があります。

$('.tgt-accordion .head').click(function(e){
    e.preventDefault();
    $('.tgt-accordian-content').stop().slideUp();
    $(this).closest('li').find('.tgt-accordian-content').not(':animated').slideToggle();
});

これにより、開いているすべてのコンテンツ ブロックが閉じられ、同時に新しいブロックが開きます。

Answer 2

これを試して。

$('.tgt-accordion .head').click(function(e){
    e.preventDefault();
   $Current = $(this).closest('li').find('.tgt-accordian-content').not(':animated').slideToggle();
    $('.tgt-accordian-content').not($Current).hide();
                });

デモはこちら。