Bootstrap 3アコーディオンアイテムを開くための「アクティブ」クラスの追加方法は？

Question

Bootstrap 3アコーディオンアイテムを開くために「アクティブ」クラスを追加するにはどうすればよいですか？私の例では、idは "active"を追加しますが、他の要素から削除しません。このような

$('.accordions').find(jQuery('.panel-heading a[data-toggle="collapse"]')).removeClass('actives'); 

---

用途：私は、このコードの行からのjQueryを削除するブートストラップ3

<div class="panel-group accordions" id="accordion1"> 
    <div class="panel panel-custom"> 
     <div class="panel-heading"> 
      <h4 class="panel-title"> 
       <a data-toggle="collapse" data-parent="#accordion" href="#collapse1"> 
        Collapsible Group Item #1 
       </a> 
      </h4> 
     </div> 
     <div id="collapse1" class="panel-collapse collapse in"> 
      <div class="panel-body"> 
       .... 
      </div> 
     </div> 
    </div> 
    ... 
</div> 


jQuery('.accordions .panel-heading a[data-toggle="collapse"]').on('click', function() { 
    $('.accordions').find(jQuery('.panel-heading a[data-toggle="collapse"]')).removeClass('actives'); 
    $(this).addClass('actives'); 
}); 

Answer 1

を使用しています。また、同様に行うことができます

$('.accordions').find('.panel-heading a[data-toggle="collapse"]').removeClass('actives'); 

---

これは：

jQuery('.accordions .panel-heading a[data-toggle="collapse"]').on('click', function() { 
    jQuery('.accordions .panel-heading a[data-toggle="collapse"]').removeClass('actives'); 
    $(this).addClass('actives'); 
});