JQuery - 在動畫狀態下保持div，同時在不同的div上懸停？

我正在嘗試像往常一樣超出我的深度的東西！我試圖爲我的新網站進行導航，當用戶將鼠標懸停在另一個div上時，它應該滑落。其他div將會有一些圖形表示「菜單」。當鼠標懸停在「其他」div或菜單div上時，我需要導航才能保持打開狀態。到目前爲止，我有它的工作，但在一個div的菜單裏面，這不是正確的事情。JQuery - 在動畫狀態下保持div，同時在不同的div上懸停？

有沒有辦法將這兩個div綁定在一起或類似的東西？希望我在JQuery上更好！

My site is here if you would like to take a peek。白色div表示用戶將盤旋以打開菜單的div。

歡迎任何幫助，謝謝：d

來源

2011-05-09 Dan

一分鐘即時爲亞做一個小提琴 – Neal 2011-05-09 19:42:48

+1在問題中使用「while」。 – pixelbobby 2011-05-09 19:50:05

這裏是工作提琴：http://jsfiddle.net/maniator/dpBBp/

這裏是更新JS：

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

參見HTML中的小提琴。

來源

2011-05-09 19:47:08 Neal

謝謝尼爾，只是看看。愛隨機貓的形象！ – Dan 2011-05-09 19:49:58

嘿嘿placekitten^_^ – Neal 2011-05-09 19:50:44

@丹如果你正在尋找的答案，或者另一種是，記得要選擇一個作爲'accepted' – Neal 2011-05-09 19:51:27

集裝箱全部專區內的元素和目標該專區。事情是這樣的：

<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>

在您的網站上，你應該使用精靈作爲背景圖片，並切換懸停背景位置一個側面說明，當你翻轉元素會擺脫跳。

來源

2011-05-09 19:41:08 locrizak

是的，這是待辦事項列表。我需要並排重新裁剪背景圖像，因此在懸停時沒有加載時間。我只是懶散：P – Dan 2011-05-09 19:45:30

JQuery - 在動畫狀態下保持div，同時在不同的div上懸停？

回答

相關問題