只保留一个.panel-body打开

Question

我有四部手风琴使用Bootstrap的Collapse插件。它工作得很好，但我希望一次只有一个.panel-body。这适用于一个.panel-group，但我需要这个才能在所有四个中工作。那么，如何检测其中一个是否有效并在其他手风琴中关闭其余部分？

以下是我现在http://jsfiddle.net/9gELd/2/

的一个例子

Answer 1

使用javascript，试试这个：

$(function() {
  $('.panel-collapse').on('show.bs.collapse', function () {
    $('.panel-collapse').not( document.getElementById($( this ).attr('id') ))
    .removeClass('in')
    .addClass('collapse');
   })
});