jquery - jqueryを使用して、親divの高さに基づいて子divの高さを動的に変更します

Question

親の身長<div>に基づいて子供の身長を動的に変更することに問題があります<div>

これが例です

<div id="parent" style="height:600px">
<div id="children"></div>
</div>

そしてjs

var mapWidth = $("#parent").height() - 50; 
var sidebarWith = $("#children").height();

if (sidebarWith > mapWidth) { 
     $("#children").height(mapWidth);
} else {
     $("#children").height(sidebarWith); 
}

親<div>は高さを固定していますが、子供<div>は jQueryslideUp()とslideDown()関数を使用して高さを変更します。

子供の<div>高さが親より大きい場合、子供の高さを親に設定する必要があり<div>ます<div>。また、私が子供をスライドさせ、その後の子供の高さが親の高さよりも低い<div>場合、子供の高さを現在の高さに設定する必要があります。<div>slideUp()<div><div>

前もって感謝します。