单击隐藏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

你应该隐藏＆lt; UL>里面不是＆lt; LI> 所以像这样

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