jquery菜单盘旋

我有一个菜单,当我鼠标悬停在div上时它将显示,鼠标输出时它会淡出.问题是,如果你翻过菜单的任何一个孩子,菜单就会消失(因为从技术上来说,如果你超过其中一个孩子,那么你就不会超过父母)是否有办法让孩子们翻身不会算作鼠标输出？这是我的代码： http://jsfiddle.net/32bLg/

解决方法

这是一个非常简单的问题,大多数人倾向于使用计时器和特殊情况检查大量复杂化.简单的解决方案是通过标记.将悬停目标和菜单放在同一父级下,并在父级上跟踪悬停. Like this.
您可能还想使用hoverIntent jQuery插件来避免错误的悬停事件.

用户体验笔记：持续超过500毫秒的淡化动画非常粗鲁.请不要这样做.