jQuery SlideToggle 嵌套列表 ul li 结构

发布于 2024-11-09 20:50:47 字数 373 浏览 0 评论 0原文

   $("#nav ul li:not(:has(li.current))")
       .find("ul").hide().end() // Hide all other ULs
       .click(function() {
           $(this).children('ul').slideToggle('fast');
       });

我有上面的代码，它使用嵌套的 ul li，并在单击时展开级别。不过，我想在第二次单击时收缩级别，但上面的操作会收缩所有级别，而不仅仅是单击的级别。

编辑：例如，请参阅 this

原文

   $("#nav ul li:not(:has(li.current))")
       .find("ul").hide().end() // Hide all other ULs
       .click(function() {
           $(this).children('ul').slideToggle('fast');
       });

I have the above code that uses a nested ul li, and expands the levels on click. However I'd like to contract the level on a second click, but the above contracts all the levels and not just the one being click on.

Edit: See this for example

分享到QQ

分享到微博

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

发布评论

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

岛徒 2024-11-16 20:50:48

我不是 100% 确定您打算做什么，但我认为您可以通过检查事件是否源自处理程序元素来避免不必要的滑动：

$(document).ready(function() {
    $("#nav ul li:not(:has(li.current))").find("ul").hide().end() // Hide all other ULs
    .click(function(e) {
        if (this == e.target) {  // if the handler element is where the event originated
            $(this).children('ul').slideToggle('fast');
        }
    });
});

jsFiddle

I'm not 100% sure of what you're intending to do, but I think you can avoid the unwanted sliding by checking to see if the event originated on the handler element:

$(document).ready(function() {
    $("#nav ul li:not(:has(li.current))").find("ul").hide().end() // Hide all other ULs
    .click(function(e) {
        if (this == e.target) {  // if the handler element is where the event originated
            $(this).children('ul').slideToggle('fast');
        }
    });
});

jsFiddle

回复收藏 0 原文