jquery - 如何添加 "active"类来打开 Bootstrap 3 Accordion 项？

Question

如何添加“active”类来打开 Bootstrap 3 Accordion 项目？在我的示例中 id 添加“active”但不会从其他元素中删除。我正在使用 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

从这行代码中删除 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');
 });