Bootstrap：Accordion不會自動折疊先前打開的面板

Question

我需要創建一個bootstrap手風琴。 下面的標記工作正常，但它不會自動折疊以前打開的元素。 例如，打開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>

Answer 1

只需用data-parent="#accordion1"替換data-parent="accordion1" data-parent="#accordion1"

Answer 2

對於后人，我剛剛發現的另一個原因是，如果.panel元素不是手風琴的直接子.panel-group （ .panel-group元素），那么會阻止手風琴面板自動折疊。 我把我的面板內容包裝在我的.panel-group中的div中，手風琴不喜歡這樣。

Answer 3

我遇到了相同的行為，我刪除了bootstrap過渡模塊，它工作。 還修復了消失的彈出窗口的問題。

Answer 4

我遇到了同樣的問題，並根據預感做了一些改變。它有效，現在我想分享我的發現，以防它可以幫助某人...我在多個頁面上使用手風琴折疊功能制作它們奇怪的行為..給不同的面板獨特的href和面板ID幫助。