如何隐藏在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事件