toggleDown jquery不工作

Question

当你将鼠标悬停在箭头上时，它会将页脚向下切换，这样你就可以看到它的内容。当鼠标在#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

不是使用鼠标悬停事件，而是使用click事件

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");
    });
});