0

コンテナ div をその子の高さと一致させるのに問題があります。

基本的に私が達成しようとしているのは、内部の子が開いているときにコンテナの高さを増やすことです。コンテナー内には、クリックすると個別にスライドトグルする 2 つのパネルがあります。どちらも高さが違います。現在開いている最大のパネルの高さにコンテナを合わせたい。開いているパネルがない場合、コンテナの高さは「auto」にする必要があります。

つまり、2 つのパネルがあり、それぞれ高さが異なります。コンテナーを、使用可能な (開いている) 最大のパネルの高さと一致させたいと考えています。両方のパネルが開いていて、ユーザーが最大のパネルを閉じた場合、コンテナはもう一方のパネルの高さに合わせて補正する必要があります。ユーザーが両方のパネルを閉じると、コンテナの高さは「auto」に戻るはずです

これは私のコードの例です:

<div class="container">
<a href="#panel1">Panel 1 Button</a>
<a href="#panel2">Panel 2 Button</a>

<div id="panel1" class="panel"></div>
<div id="panel2" class="panel"></div>
</div>

$(document).ready(function() {

// Add 'Height' to Content container if window is too small
    var content = $(".container");  
    var childHeight = $('#panel1, #panel2').height();

    if ($(content < childHeight)) {
    $(content).css("height", childHeight + "px");
    }

});

私があなたを混乱させてしまったら、本当にごめんなさい！:)

Heres は、私が現在到達している場所の jsFiddle です...

http://jsfiddle.net/mSswY/
4

1 に答える 1