Wie "Active" -Klasse hinzufügen, um Bootstrap 3 Akkordeon Element zu öffnen?

Question

Wie kann ich "aktive" Klasse hinzufügen, um Bootstrap 3 Akkordeon Artikel zu öffnen? In meinem Beispiel fügt die ID "aktiv" hinzu, aber nicht von anderen Elementen. Ich bin mit Bootstrap 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

entfernen jQuery aus dieser Codezeile:

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

---

Verwendung wie folgt aus:

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

---

Sie können wie auch tun dies:

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