jquery - Jqueryドロップダウンホバー効果

Question

jquery ドロップダウンのホバー効果に問題があります。何らかの理由で、ドロップダウン コンテナーが上に移動します。どんな助けでも大歓迎です。

$(document).ready(function () {
    $("#submit").mouseenter(function(){
        $("#dropdown_container").slideDown();
    });
    $("#dropdown_container").mouseleave(function(){
        $("#dropdown_container").slideUp();
    });
});

コードの残りの部分

メニューでjqueryフレームワークを選択することを忘れないでください

Answer 1

たとえば、次のように設定margin-topしてみてください。#dropdown_container

#dropdown_container {
   margin-top: 35px;
}

これがうまくいくことを願っています！

Answer 2

コンテナの padding-bottom をアニメートしてサイズを小さくしてみてください。うまくいくかどうか教えてください。

    $("#submit").on("mouseenter",function(){
       $("#dropdown_container").animate({"padding-bottom":"200px"}, fast);
    });