Javascript 引导：手风琴不自动折叠以前打开的面板

我需要创建一个引导手风琴。下面的标记工作正常，但不会自动折叠以前打开的元素。例如，打开panel1，然后单击panel2。。然后，panel1应自动关闭，但它不自动关闭。我已经尝试完全从引导站点复制标记(http://twitter.github.com/bootstrap/javascript.html#collapse)，但它不起作用。我错过了什么

<h3>ACCORDION DEMO</h3>
<div class="accordion" id="accordion1">
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-parent="accordion1" data-toggle="collapse" href="#panel1">Panel 1</a>
        </div>
        <div class="accordion-body collapse" id="panel1">
            <div class="accordion-inner">
                <p>This is accordion panel 1 content</p>
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-parent="accordion1" data-toggle="collapse" href="#panel2">Panel 2</a>
        </div>
        <div class="accordion-body collapse" id="panel2">
            <div class="accordion-inner">
                <p>This is accordion panel 2 content</p>
            </div>
        </div>
    </div>
</div>

手风琴演示 这是手风琴面板1的内容

这是手风琴面板2的内容

---

只需将

数据父项=“accordion1”

替换为

数据父项=“#accordion1”

我遇到了相同的行为，我移除了引导转换模块，它工作了。还修复了弹出框消失的问题。

对于后代来说，我刚刚发现防止手风琴面板自动折叠的另一个原因是

.panel

元素不是手风琴的直接子元素（

.panel group

元素）。我把我的面板内容包装在我的

面板组中的
div
中，手风琴不喜欢这样。
我也面临同样的问题，根据直觉做了一些改变。。它起了作用，现在我想分享我的发现，以防对某人有所帮助。。我在不止一个页面上使用了手风琴折叠功能，这让它们表现得很奇怪。。为不同的面板提供唯一的href和面板id有帮助。
这就是我遇到的问题。我正在将它集成到Drupal视图中，我必须编辑视图模板以删除面板之间的div。您是如何解决这个问题的？你用什么来代替？@ErikThiart我删除了
.panel
必须是
.panel group
的直接子级。