切换下 jquery 不起作用

toggleDown jquery not working

本文关键字：不起作用 jquery      更新时间：2023-09-26

当您将鼠标悬停在箭头上时，它应该向下切换页脚，以便您可以看到其内容。当鼠标在#footer内时，div 应保持打开状态，以便您可以阅读内容。

问题是当您将鼠标悬停在箭头上时，div 会打开和关闭。

下面是一个工作示例： http://jsfiddle.net/MEJgb/1/

尝试更改此行

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

自 

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

或者尝试这样的事情，我想如果我理解正确您的问题

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

不要使用悬停事件，而是为此使用单击事件

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

工作演示在这里！！

我希望它会起作用..

$(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");
    });
});
相关文章：