Question

i have a menu that when i mouse over a div it will show and on mouse out it will fade out. the problem is that if you roll over any of the menu’s children the menu will disappear(because technically if you’re over one of the children then you’re not over the parent) is there a way so that rolling over the children will not count as a mouseout? here is my code: http://jsfiddle.net/32bLg/

Answer 1

This is a very simple problem most people tend to massively overcomplicate with timers and special case checks. The easy solution is via markup. Place both hover target and the menu under the same parent, and track hover on the parent. Like this.
You may also want to use hoverIntent jQuery plugin to avoid false hover events.

A UX note: fade animations lasting over 500ms are just rude. Please don’t do that.