Twitter bootstrap 3 引导使手风琴保持在同一高度

当用户单击另一个折叠面板时，我尝试将引导式手风琴保持在相同的高度。窗格应再次单击环绕空间以获得手风琴的完整高度，并在内容变得太大时使窗格内容可滚动。这里有一个

---

我已经编辑了你的CSS、HTML和JS。。我不知道如何使用JQuery实现这一点，所以我使用了普通javascript：

var header = document.getElementsByClassName('panel-heading');
var headingheights = header.length * (header[0].offsetHeight + 18); 
var test = $(window).height() - headingheights;
$('.panel-body').height(test);

注: 所有PanelBody必须具有相同的填充，因此我将您的列表包装在自己的div中，边距为-15px（与您的解决方案效果相同）

我在小提琴里面加了一些注释，让你解释……；）

看看这把小提琴：

---

我希望这就是你要寻找的；）

非常感谢。。。这正是我想要的。

var header = document.getElementsByClassName('panel-heading');
var headingheights = header.length * (header[0].offsetHeight + 18); 
var test = $(window).height() - headingheights;
$('.panel-body').height(test);