0

さて、先ほど質問しましたが、期待した効果が得られませんでした。その結果、私は別の方法でそれに取り組むことにしました...

2 つのパネルのいずれか (または両方) が展開されている場合、コンテナーの高さを増やそうとしています。

var content = $("#content_container");  
var childaHeight = $('#news_events_panel').height();
var childbHeight = $('#headteachers_panel').height();

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

これは正常に機能しており、パネルが開いているときはコンテナーの高さが 657px に増加します。

トリッキーなビットは次のビットです...

ユーザーは両方のパネルを個別に開くことができますが、私が抱えている問題は、ユーザーがパネルのauto1 つだけを閉じたときにコンテナーが高さに戻ることです。auto両方のパネルが閉じている場合にのみ、コンテナーを返す必要があります。

if (content > childaHeight & childbHeight) {
        $(content).css("height", "auto");
}

基本的に、この 2 番目のスクリプトで「コンテンツが childaHeight と childbHeight より大きい場合は、「自動」に戻ります。そうでない場合は、高さを維持します。

おそらく簡単な解決策がありますが、私はこれに非常に慣れておらず、jQuery関数についてはあまりよく知りません。

4

1 に答える 1