javascript - toggleDown jquery not working

Question

When you hover over the arrow it should toggle the footer down so you can see its content. When the mouse is inside the #footer the div should remain opened so you can read the content.

The problem is when you hover on the arrow the div just opens and closes.

here is a working example: 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");
    });
});