如何在jquery菜单中隐藏子菜单答案

【问题标题】：how to hide submenus in jquery menu如何在jquery菜单中隐藏子菜单
【发布时间】：2010-02-19 05:23:06
【问题描述】：

我有一个类似流动代码的菜单

首页

子项目 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);

    });
});

现在我如何在鼠标离开项目时隐藏这个子菜单？？？？谁能帮帮我？

【问题讨论】：

标签： jquery css

【解决方案1】：

你的意思是这样的：

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
    }
);

请记住，hover 可以接受两个回调，第二个回调将在鼠标离开元素时调用。

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

【讨论】：

感谢 Bob，但是当我使用 $(ss).show(500);它不正常地闪烁
对了，那就修改成这样：$(ss).stop().show(500); $(ss).stop().hide(500);

【解决方案2】：

使用mouseleave 事件

【讨论】：

我知道我应该使用 mouseleave 事件，但我不知道如何使用它隐藏仅打开一个子菜单