javascript - jQuery 添加样式 ="overflow: hidden;"

Question

我已经创建了一些代码来隐藏我的菜单，菜单不完整，但我正在尝试使用 jQuery.slideUp() 函数，但它添加了 style="overflow: hidden;" 到代码中，所以当我使用 .show 时，我的一个元素被隐藏，即 #nav:after 和 #nav:before 添加了一个菜单底部的小箭头

这是js代码

  $("span#start_button").click(function () {
        if ($("#nav").is(":hidden")) {
            $("#nav").show("fast");
        } else {
            $("#nav").slideUp();
        }
    });

这是 this site 上的结果

如何阻止 .slideUp() 创建 style="overflow: hidden;" ？

Answer 1

您必须在 slideUp() 函数的回调中移除 overflow:hidden所以你可以试试

$("#nav").slideUp('fast', function(){ $('#nav').css('overflow','visible') });

或者你可以通过css强制

#nav{overflow:visible!important}