複数のdivハイトを測定するJavascript

Question

jQueryを使用してアコーディオンメニューを構築しようとしていますが、不安定なアニメーションが流れています。ジャンプは、divの高さを設定しないことによって発生します。私の問題は、各divが内容に基づいて異なる高さになることです。ですから、どうすればjavascriptを使って各divをクラス 'サブメニュー'で調べ、高さを測定して設定するのでしょうか。ここで

は、私がこれまで持っているものです。

$('.submenu').each(function() { 
    var divh = $(this).height(); 
    $(this).css('height', divh + 'px'); 
}); 

私はに実行しているどのようなことが一つだけ.submenu div要素を測定するようで、その高さにそれらのすべてを設定していることです。思考？前もって感謝します！

Answer 1

をあなたのための現在のdivの高さを追加する必要があり、私は問題を発見したと信じています。私は$（document）.ready（）関数で上記のスクリプトを読み込んで、DOMを読み込み、その後測定していました。 $（window）.load（）関数に移動し、内容を見て高さを測定します。説明のポイントとして.subenuクラスのdivはアコーディオンdivです。

$(window).load(function(){ 
    $('.submenu').each(function() { 
    var divh = $(this).height(); 
    $(this).css('height', divh + 'px'); 
    }); 

    $('.submenu').hide(); 
}); 

Answer 2

次のようになりすぎているとします

$('.submenu').each(function() { 
    var divh = $(this).height(); 
    $('.divClass').css('height', $('.divClass').height() + divh + 'px'); 
}); 

あなたは常にあなたのアコーディオンのdivに