在我可以访问链接之前，下拉菜单消失了

Question

How can I possibly delay the disappearance of the menu by some miliseconds/seconds? going ahead and editing this fadesettings: {overduration: 350, outduration: 2000} in the js only changes the animation speed. But THAT IS NOT what I want =).

Please check this JSFiddle to see the JS, CSS, and HTML.

Thanks for the help guys

PS:- about the top:80px gap that you see, I intentionally put it there cuz that's the way I'm styling my site so I want the gap there.

Answer 1

You can user the setTimeout function to add a delay before you call a function.

In your case, if you want to delay the fadeout of the menu, instead of just doing :

$this.children("ul:eq(0)").fadeOut(jquerycssmenu.fadesettings.outduration);

You could do

setTimeout(function() { $this.children("ul:eq(0)").fadeOut(jquerycssmenu.fadesettings.outduration)
}, 2000);

to delay the call by 2 seconds.

Note that I cached the $(this) selector in your fiddle to still be able to access the variable.

http://jsfiddle.net/KB5Ve/

EDIT : Added comments on the fiddle : http://jsfiddle.net/DBvq7/