Collapse插件：一次只顯示一個面板

Question

我很難搞清楚這一點，也許我只是沒有搜索正確的術語。

我有一個定期的twitter摺疊面板。我只想讓它一次顯示一個面板。

默認情況下，它允許您一次打開所有面板，但是我希望它在您展開另一個面板時自動關閉任何其他打開的面板。

http://twitter.github.com/bootstrap/javascript.html#collapse

<div class="accordion" id="monogram-acc"> 

<div class="accordion-group"> 
    <div class="accordion-heading"> 
    <div class="accordion-toggle" data-toggle="collapse" data-parent="monogram-acc" href="#Animals"> 
     Animals 
    </div> 
</div> 
    <div class="accordion-body collapse" id="Animals"> 
     //... content 
    </div> 
</div> 

<div class="accordion-group"> 
    <div class="accordion-heading"> 
     <div class="accordion-toggle" data-toggle="collapse" data-parent="monogram-acc" href="#Food"> 
      Food 
     </div> 
    </div> 
    <div class="accordion-body collapse" id="Food"> 
     // ... content 
    </div> 
</div> 
//... so on 
</div> 

http://jsfiddle.net/AbtmY/

Answer 1

http://jsfiddle.net/AbtmY/1/

變化

data-parent="monogram-acc" 

到

data-parent="#monogram-acc"