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