ブートストラップは同じ高さにアコーディオンを保ちます

Question

別の折りたたみパネルをクリックすると、同じ高さにブートストラップアコーディオンを保持しようとします。コンテンツが大きくなり過ぎると、パンネルは、アコーディオンを完全な高さにするためにスペースをラップし、パンネルコンテンツをスクロール可能にする必要があります。ここにはfiddle！

var header = $('.panel-heading'); 
var test = $(window).height() - (header.length*$('.panel-heading').height()); 
$('.panel-body').height(test); 

Answer 1

私はあなたの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); 

注： すべてをPanelbodysは同じパディングを持っている必要がありますので、自分のdivにあなたのリストを-15pxのマージンでラップします（ソリューションと同じ効果があります）

説明するためにいくつかのコメントを追加しました。 ）

このバイオリンを見てみましょう：https://jsfiddle.net/hhcpuequ/11/

私は、これはあなたが探しているものであると思います;）