Question

I have a menu built on jQuery and built it following a tutorial. I would like to add a delay when the mouse leaves the menu for better user experience. I can get the menu to delay using jQuery delay and it works very well with one exception, the fly out drop down menus.

Due to the length of code I have a working jsFiddle with the code. The flyout menu I am referring to contains the words Website Illustrations and Photography.

How do I delay the flyout so it closes when the menu does vs disappearing immediately?

Answer 1

Here is another take on it:

jSFIDDLE HERE