jQuery - 仅显示当前 ul

发布于 2024-12-01 09:31:02 字数 369 浏览 1 评论 0原文

我是 jQuery 新手，对以下导航有一个小问题：

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

本质上，我喜欢这个可爱网站的创意制作部分的导航：http://www.gainsburyandwhiting.com >参见投资组合>时装秀等...

我需要隐藏当前的 ul 并在其位置显示一个新的 ul。目前，它们会显示，直到我取消单击父级。

有什么想法吗？

谢谢，红色的

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

給妳壹絲溫柔 2024-12-08 09:31:02

您需要隐藏当前 ul 的同级后代的所有 ul 元素，例如，

$(this).siblings().find('ul').fadeOut('fast');

这会找到单击的 ul 的每个同级（所有其中示例中为 ul），并查找所有在其边界内的 ul 元素并将其淡出。

在您的代码的上下文中：

$("nav ul li").find("ul").hide().end()
  .click(function(e) {
     if (this == e.target) {
       $(this).siblings().find('ul').fadeOut('fast');
       $(this).children('ul').fadeToggle('fast');    
     }
});

You need to hide all the ul elements that are descendant of the siblings of the current ul e.g.

$(this).siblings().find('ul').fadeOut('fast');

This finds each sibling of the clicked ul (all of which are ul in the example) and finds all the ul elements that are withing their bounds and fades them out.

In the context of your code:

$("nav ul li").find("ul").hide().end()
  .click(function(e) {
     if (this == e.target) {
       $(this).siblings().find('ul').fadeOut('fast');
       $(this).children('ul').fadeToggle('fast');    
     }
});

回复收藏 0 原文

~没有更多了~