我创建了一个带有引导折叠的可折叠面板。在可折叠面板中有一些元素，当单击某个元素时，它们会交替展开。创建了以下标记：

<div class="accordion" id="accordion2">

        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" href="#collapse-0" id="0" data-toggle="collapse" data-parent="#accordion2">
                   User Visits
                </a>
            </div>
            <div id="collapse-0" class="accordion-body collapse in">
                <div class="accordion-inner">
                    Collapsible <br/>
                    Collapsible <br/>
                </div>
            </div>
        </div>

        <div class="accordion-group">                   
            <div class="accordion-heading">
                <a class="accordion-toggle" href="#collapse-1" id="1" data-toggle="collapse" data-parent="#accordion2">
                    Points
                </a>
            </div>                  
            <div id="collapse-1" class="accordion-body collapse">
                <div class="accordion-inner">
                    Collapsible <br/>
                    Collapsible <br/>
                </div>
            </div>
        </div>

    </div>

问题是在页面加载后，第一次单击特定元素会成功扩展.accordion-body .collapse块，但后续调用不会导致任何扩展。
扩展结果是由于动态添加了一个名为in的类。即使在连续点击可折叠元素时，检查也会显示in类的翻转，尽管如此，该元素并没有扩展。