JQuery - 在动画状态下保持div，同时在不同的div上悬停？

Question

我正在尝试像往常一样超出我的深度的东西！我试图为我的新网站进行导航，当用户将鼠标悬停在另一个div上时，它应该滑落。其他div将会有一些图形表示“菜单”。当鼠标悬停在“其他”div或菜单div上时，我需要导航才能保持打开状态。到目前为止，我有它的工作，但在一个div的菜单里面，这不是正确的事情。

有没有办法将这两个div绑定在一起或类似的东西？希望我在JQuery上更好！

My site is here if you would like to take a peek。白色div表示用户将盘旋以打开菜单的div。

欢迎任何帮助，谢谢：d

Answer 1

这里是工作提琴：http://jsfiddle.net/maniator/dpBBp/

这里是更新JS：

$('.menu_button').hover(function() { 
    $('#nav').slideDown(); 
}, function() { 
    $('#nav').slideUp(); 
}) 

参见HTML中的小提琴。

Answer 2

集装箱全部专区内的元素和目标该专区。 事情是这样的：

<ul> 
    <li> 
     <a href='#'>Nav Item</a> 
     <div style='display:none;'> 
      <ul> 
       <li>Sub nav 1</li> 
      </ul> 
     </div> 

    </li> 

</ul> 

<script> 
$("ul > li").hover(function(){ 
    //on roll over 
}, function(){ 
    //on roll out 
}); 
</script>

在您的网站上，你应该使用精灵作为背景图片，并切换悬停背景位置一个侧面说明，当你翻转元素会摆脱跳。