So for a nav, I am showing a “secondary” div when a certain “nav1” LI is hovered. I would like the div to be hidden when the focus is no longer on the #nav1 LI or the secondary div. jsFiddle Demo
Usually I would just place the “secondary” div inside the #nav1 li. But I can’t do so for some logistical reasons.
So I am basically trying to hide the secondary div on hover out only when the mouse is not on top of either #secondary or #nav1
Does this help you at all: http://jsfiddle.net/EefAD/3/