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

Question

先上图

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

Answer 1

大致是这种意思 下级菜单的html放在上层的内部

<div onmouseover="$('#menu1').show()" onmouseout="$('#menu1').hide()">
    <div>导航图标</div>
    <div id="menu1" onmouseover="$('#menu2').show()" onmouseout="$('#menu2').hide()">
        <div id="menu2"></div>
    </div>
</div>