jQuery adding style="overflow: hidden;"

Question

I have created a bit of code to hide my menu, the menu is not complete but I am trying to use jQuery.slideUp() function but it adds style="overflow: hidden;" to the code so when I use .show one of my elements is hidden which is #nav:after and #nav:before which adds a small arrow to the bottom of the menu

here is the js code

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

and here is the result on this site

How can I stop .slideUp() from creating style="overflow: hidden;" ?

Answer 1

You must remove the overflow:hidden on the callback of the slideUp() function so you can try

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

Or you can force it by css

#nav{overflow:visible!important}