jQuery adding style = "overflow: hidden;"

Question

Utworzono trochę kodu, aby ukryć moje menu, menu nie jest kompletne, ale próbuję użyć funkcji jQuery.slideUp(), ale dodaje style="overflow: hidden;" do kodu, więc gdy używam .show, ukryty jest jeden z moich elementów, który jest #nav:after i #nav:before który dodaje małą strzałkę na dole menu

oto kod js

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

i oto wynik na this site

Jak mogę przestać .slideUp() od tworzenia style="overflow: hidden;"?

Answer 1

Musisz usunąć overflow:hidden na oddzwanianie na slideUp() funkcji więc można spróbować

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

Albo można zmusić go css

#nav{overflow:visible!important} 

Answer 2

Zastępuje domyślną stylizację, modyfikując atrybut stylu html.

else { 
     $("#nav").slideUp(); 
     $("#nav").attr("style","overflow:visible"); 
    } 

Answer 3

Spróbuj tego ...

else { 
    $("#nav").slideUp(); 
    $("#nav").css("overflow","visible"); 
} 

Answer 4

Zastąp że styl -

$("#nav").slideUp(); 
    $("#nav").css({'overflow':'visible'}); 

Answer 5

To bug w starszym jQuery. Ten kod zastępuje funkcję standart "slideDown" i usuń właściwość przepełnienia.

!(function (jQuery, origSlideDown) { 
jQuery.fn.slideDown = function (speed, easing, callback) { 
    var self = this; 
    var args = Array.prototype.slice.call(arguments); 
    var origCallback; 

    for (var i = 0, len = args.length; i < len; i++) { 
     if (jQuery.isFunction(args[i])) { 
      origCallback = args[i]; 
      args[i] = function() { 
       origCallback.call(this); 
       self.css('overflow', ''); 
      } 
     } 
    } 

    if (!origCallback) { 
     args.push(function() { 
      self.css('overflow', ''); 
     }); 
    } 

    return origSlideDown.apply(this, args); 
}; 
})(jQuery, jQuery.fn.slideDown);