jqurey的悬停事件在不同的DIV中如何互制？

Question

问题：在我将鼠标悬停在左上角的图标时会弹出左侧导航，也就是导航一，随后我将鼠标下移到导航一时全部导航消失，也就是图标的悬停事件启动。我想在鼠标移下一级导航后不触发图标的移出事件，但是在图标非一级菜单的地方移出事件是执行的，应该怎么做呢？

Answer 1

大致是这种意思 下级菜单的html放在上层的内部<div&nbsp;onmouseover="$('#menu1').show()"&nbsp;onmouseout="$('#menu1').hide()"> &nbsp;&nbsp;&nbsp;&nbsp;<div>导航图标</div> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="menu1"&nbsp;onmouseover="$('#menu2').show()"&nbsp;onmouseout="$('#menu2').hide()"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="menu2"></div> &nbsp;&nbsp;&nbsp;&nbsp;</div> </div>