Question

here’s the page,

I’m trying to delay the drop-down menu so the user has few seconds to mousover it cause there’s space between the element which triggers the menu and the menu itself.

$("#menu").hover(
    function(){ $("#dropdown").fadeIn(); },
    function(){ $("#dropdown").fadeOut(); }}
);

This works fine but when I mouseover the menu it wears off, my purpose is to make time for the user to put the cursor over it and that it remains present. well what’s the best way to do that in jquery ?

Answer 1

The hoverIntent plugin helps with that: http://cherne.net/brian/resources/jquery.hoverIntent.html