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

对于取消隐藏，您可以简单地使用

$("li.pureCssMenui").show();

Answer 2

你应该把 < UL > 隐藏在里面而不是 < LI > 所以像这样

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