jquery - jQuery SlideDown/Up とレスポンシブ デザイン

Question

レスポンシブにサイズ変更するメニューがあるため、div ( #menuWFhover) の内容はサイズ変更ごとに再配置され、その結果、ウィンドウ サイズに応じて div の高さが異なります。

jQuery を使用するとslideDown/Up、最初は正常に動作しますが、サイズ変更後、div は前のアニメーションの高さを維持します。これは、slideDown がアニメーション化する高さで遊んでいるためですか? これは私が使用しているものの単純化されたバージョンです。a を置換/追加すると(windows)resize(これは私の推測ですが、何か関係があると思います)、アニメーションは発生しませんが、間違っている可能性があります。

$(document).ready(function(){
        var WFover = function () {
            $('#menuWFhover').stop().slideDown(300);
        };
        var WFout = function () {
            $('#menuWFhover').stop().slideUp(300);
        };

        $('#menuNewBox').mouseover(WFover);
        $('#menuWFhover').mouseover(WFover);
        $('#menuNewBox').mouseout(WFout);
        $('#menuWFhover').mouseout(WFout);
});