如何隱藏在jQuery的菜單的子菜單

Question

我有一個像fllowing代碼

首頁

• 子項目1
  • 子項的菜單1.1
    • 子項1.1.1
    • 子項1.1.2
  • 子項目1.2
  • 子項目1.3
  • 子項目1.4
  • 子項目1.5
  • 子項目1.6
  • 子項目1.7
• 子項目2
• 子項目3

產品信息

• 子項1個
• 子項目2
  • 子項目2.1
  • 子項目2。2
• 子項目3
• 子項4
• 子項5
• 子項6
• 子項7

和css文件，安排項目，如中古立式的菜單，我在jQuery的子菜單顯示，像這樣

$(document).ready(function(){ 
    var ss="#menu li:hover>div"; 
    $("div#menu li:parent").hover(function(){ 
     $(ss).show(500); 

    }); 
}); 

我現在該怎麼隱藏這個子菜單，而鼠標上的項目留下??? ？ 任何人都可以幫助我？

Answer 1

你的意思是somethign這樣的：

var ss = "#menu li:hover>div"; 
$("div#menu li:parent").hover(
    function() { 
     $(ss).show(); //this is the mousein 
    }, 
    function() { 
     $(ss).hide(); //this is the mouseout 
    } 
); 

記住，懸停可以採取兩種回調，而當鼠標離開元素的第二個回調會被調用。

http://api.jquery.com/hover/

Answer 2

使用mouseleave事件