jQuery - 扩展菜单

Question

我想要实现以下内容。我有几个小图像，如果鼠标在其中一个图像上，应该可以看到div或某些按钮。但是如果鼠标移动到另一个图像，应该显示另一个div（按钮），并且应该隐藏旧的div。如果没有图像被选中，则不应显示任何图像。 jQuery库中是否有任何功能来做类似的事情？

我试图用mouseover函数和toogle()来做到这一点。但问题是，当鼠标离开图像时，最近显示的div会再次隐藏。另外，如果我将div设置为在mouseover上可见，即使选择了其他图像，它仍会显示。

<div id="Div1">This is div1</div> 
<div id="Div2">This is div2</div>​ 

当鼠标越过“DIV1”，“DIV2”应显示，直到鼠标离开“DIV1”或“DIV2”。这意味着，如果鼠标移过“div2”（鼠标左移“div1”），仍应显示“div2”。

Answer 1

听起来像是你想要的jQuery hover。由于您的问题不包含任何代码，因此很难提供确切的答案，但这符合您所描述的内容。

$(document).ready(function() { 
    $("#myDiv").hover(
     function() { 
     $("#otherDiv").show(); 
     }, 
     function() { 
     $("#otherDiv").hide(); 
     } 
    ); 
}); 

jsFiddle DEMO

编辑

$(document).ready(function() { 
    $("#wrapper").hover(
     function() { 
     $("#otherDiv").show(); 
     }, 
     function() { 
     $("#otherDiv").hide(); 
     } 
    ); 
});​ 

CSS：

#otherDiv { 
    display: none; 
} 

HTML：

<div id="wrapper"> 
    <div id="myDiv">hover me</div> 
    <div id="otherDiv">stuff</div> 
</div>​ 

Updated Demo