javascript - トグルダウンjqueryが機能しない

Question

矢印にカーソルを合わせると、フッターが下に切り替わり、コンテンツが表示されます。マウスがdiv内にあるときは#footer、コンテンツを読み取ることができるようにdivを開いたままにする必要があります。

問題は、矢印にカーソルを合わせると、divが開いたり閉じたりすることです。

これが実際の例です：http：//jsfiddle.net/MEJgb/1/

Answer 1

この行を変更してみてください

jQuery(this).next("#footer_toggle").slideToggle("slow");

に

jQuery(this).next("#footer_toggle").stop().slideToggle("slow");

または、このようなことを試してください。あなたの質問を正しく理解しているかどうか

http://jsfiddle.net/MEJgb/21/

Answer 2

ホバーイベントを使用する代わりに、クリックイベントを使用してください

jQuery("#toggleDiv").click(function() {});

ワーキングデモはこちら!!

私はそれがうまくいくことを願っています。

Answer 3

$(document).ready(function() {
    // footer Toggle        
    $("#footer_toggle").hide();

    $("#toggleDiv").click(function() {
        $("#footer_toggle").slideToggle();
        if($("#toggleDiv").hasClass('active'))
            $("#toggleDiv").removeClass("active");
        else
        $("#toggleDiv").addClass("active");
    });
});