如何添加「活動」類來打開Bootstrap 3手風琴項目？

Question

如何添加「活動」類來打開Bootstrap 3手風琴項目？在我的示例中，id添加「active」，但不會從其他元素中刪除。我使用的是引導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

從下面這行代碼刪除jQuery的：

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

---

使用這樣的：

$('.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'); 
});