さて、先ほど質問しましたが、期待した効果が得られませんでした。その結果、私は別の方法でそれに取り組むことにしました...
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 に増加します。
トリッキーなビットは次のビットです...
ユーザーは両方のパネルを個別に開くことができますが、私が抱えている問題は、ユーザーがパネルのauto
1 つだけを閉じたときにコンテナーが高さに戻ることです。auto
両方のパネルが閉じている場合にのみ、コンテナーを返す必要があります。
if (content > childaHeight & childbHeight) {
$(content).css("height", "auto");
}
基本的に、この 2 番目のスクリプトで「コンテンツが childaHeight と childbHeight より大きい場合は、「自動」に戻ります。そうでない場合は、高さを維持します。
おそらく簡単な解決策がありますが、私はこれに非常に慣れておらず、jQuery関数についてはあまりよく知りません。