jquery - Tab-Section2の高さをTab-Section1に設定するBootstrapTabbableNav

Question

2つのタブペインがあるタブナビゲーションがあります。両方のタブコンテンツは動的ですが、最初のタブコンテンツには、常に2番目のタブコンテンツよりも多くの行があります。2番目のタブペインをクリックしたときに2番目のタブのコンテンツが折りたたまれたくありません。2番目のタブのコンテンツの高さを最初のタブと同じにしたい。どうすればいいですか？ありがとう。

Answer 1

すべてのタブを同じ高さにしたい場合は、CSS をオーバーライドし.tab-paneて属性を設定できます。height

.tab-pane {
    height: 400px;
}

Answer 2

SerkanがJqueryを使用して1行で提案したようにしました。独自のセレクターは、.tab-pane の選択を制限することです

$(document).ready(function(){
    // Fix the height of the inner tabs
    $('#unique_selector .tab-pane').css('height', $('#unique_selector .tab-pane').css('height') );
});