jQuery - 仅显示当前 ul （使用标签作为点击而不是 li's）

Question

我试图在以下导航中显示/隐藏子ul's。在 Aleksi Yrttiaho 的帮助下，我设法让它发挥作用。

然后我意识到我没有将列表项编码为 jsFiddle 中的链接，一旦我的功能中断，有人可以帮助我让它再次工作吗？

这个 jsFiddle 是正确的标记，但功能不起作用

这是旧的标记（本质上是前面的标记），您可以看到它正在工作

唯一的区别是我希望该函数在单击链接时运行，而不是单击 li。

非常感谢， 红色的

Answer 1

尝试一下

$("nav li").find("ul").hide().end().find("a")
// hide all other ul's in the nav
.click(function(e) {
    $(this).parent().siblings().find('ul').fadeOut('fast');
    $(this).parent().children('ul').delay(200).fadeToggle('fast');
});

http://jsfiddle.net/866UZ/

Answer 2

在您的标记中，您应该将 nav 内的所有 li 包含在 ul 标记中。因为 li 应该始终位于 ul 标记内。而且您的选择器也是 nav ul li ，它将在 nav 内查找 ul 标记，这就是它无法按预期工作的原因。

看看这个工作演示，我已经修复了它。

http://jsfiddle.net/6Dh8j/24/