The navigation menu closes immediately upon moving the mouse outside of the menu item's area. How can I introduce a delay that will keep it open a second or less to keep visitors from becoming frustrated when trying to navigate to submenu items?
Superfish is a script that will add a delay to the hover action. It is used in a lot of themes, for instance I know it is used in the Thematic Theme. Untested, but I think this is how you'd apply it (based on the docs).
Well, I don't really know the 'standard' themes and their respective functions, so I might suggest something inapropriate. ;)
Anyway, you could use CSS transitions.
Suppose you want to 'slow down' the opacity change of a div, then you want something like this
Of course, you first have to find the certain property you want to manipulate, as well as the element and its 'state' (like