jquery - 单击时隐藏 CSS 下拉菜单

Question

我有一个 CSS 下拉菜单，它按照我想要的方式运行，除了一部分之外，单击子菜单项之一不会关闭子菜单。

大多数人可能不关心这一点，因为每个链接都会将他们带到一个新页面，但我的只是停留在同一页面上并调用 JavaScript 函数。

使用 jquery，我可以在单击时隐藏子菜单，如下所示:

        $("ul.pureCssMenu li a").live('click', function() {
            $("li.pureCssMenui").hide();
        });

但是，单击一个子菜单后，所有子菜单现在都会永久隐藏。有没有办法取消隐藏它而不需要做一些像计时器这样俗气的事情？或者有更好的方法来解决这个问题？

这是我正在处理的页面: http://www.nba.com/warriors/wallpapertest_031.html

提前致谢。

Answer 1

您应该将 < UL > 隐藏在里面，而不是 < LI > 所以像这样

$("ul.pureCssMenu li a").live('click', function() {
            $("li.pureCssMenui ul").hide();
 });