Javascript 使用jQuery自动折叠嵌套列表&；独自创立

我的问题是创建一个方法（单击一个元素）来折叠嵌套列表中不是目标元素或关联父容器的所有其他元素。我环顾了一下四周，但我的清单上什么都没有

基本上，我正在尝试折叠除目标元素之外的所有活动列表元素

• 使用引导处理很多事情
• 我有一个方法，可以使列表元素在单击时处于活动状态
• 警报似乎会输出需要受影响的元素的ID，并且不会崩溃。建议

列表结构：

 - Building
  - Floor
    - Room

代码：

//JS-尝试折叠所有未单击的元素：
$（'.可展开菜单a'）。单击（函数（e）{
var parent=$（“#”+e.target.id）.attr（'data-parent'）；
$（“.expandable menu a”）。每个（函数（）{
//如果1.具有活动类2.不是目标事件，3.不是目标的父级
if（$（this.hasClass（'active'）&&&$（this.attr（'id'）！=（e.target.id）&&&$（this.attr（'id'）！=（父级））{
//警报（$（this.attr（'id'））；
$（this.removeClass（'active'）.addClass（'collapsed'）；
}
});
});













此示例可能会对您有所帮助


$（文档）.ready（函数（）{
$（'.tree li'）。每个（函数（）{
if（$（this）.children（'ul'）。长度>0）{
$（this.addClass（'parent'）；
}
});
$（'.tree li.parent>a'）。单击（函数（）{
$（this.parent（）.toggleClass（'active'）；
$（this）.parent（）.children（'ul'）.slideToggle（'fast'）；
});
$（“#全部”）。单击（函数（）{
$（'.tree li'）。每个（函数（）{
$（this.toggleClass（'active'）；
$（this）.children（'ul'）.slideToggle（'fast'）；
});
});
$（'.tree li'）。每个（函数（）{
$（this.toggleClass（'active'）；
$（this）.children（'ul'）.slideToggle（'fast'）；
});
});
a{
光标：指针；
}
树胶{
列表样式：无外无；
}
李树先生{
线高：25px；
}
.tree>ul>li>a{
颜色：#3B4C56；
显示：块；
字体大小：正常；
位置：相对位置；
文字装饰：无；
}
.tree li.parent>a{
填充：0 28px；
}
.tree li.parent>a：之前{
背景位置：25px中心；
内容：“-”；
显示：块；
高度：21px；
左：0；
位置：绝对位置；
顶部：2个；
垂直对齐：中间对齐；
宽度：23px；
}
.tree ul li.active>a:之前{
背景位置：0中心；
}
李先生{
左边框：1px实心#D9DADB；
显示：无；
边际：0 12像素；
溢出：隐藏；
填充：0 25px；
}
李先生{
位置：相对位置；
}
李：以前{
边框底部：1px虚线#e2e3；
左：-20px；
位置：绝对位置；
顶部：12px；
宽度：15px；
}
#包装纸{
保证金：0自动；
宽度：300px；
}

全部切换

一级

二级
二级
二级


一级

二级

三级
三级
三级

第四级
第四级
第四级

五级
五级
五级






二级


一级

二级
二级



这方面有很多解决方案，请查看。如果您要费劲编写代码片段，至少要让它正常工作。点击帖子中的“运行”按钮，看一看，出现了多个错误（对于初学者来说，没有元素具有类
可扩展菜单
，第二个错误是导致hjavascript最终出现在标记中的无效HTML）@JamiecSoz代码nippet是由版主编辑添加的…html块仅作为html存在example@Orbitall-是的，我现在明白了，对不起。在这种情况下，他们将您发布的代码更改为错误的代码段，从而对您造成了伤害。我编辑了代码，试图使其再次工作。我希望现在更好虽然这个方法工作得很好，尽量不重写所有与引导兼容的折叠并重做我的活动方法，希望有一个简单的方法使用引导后端折叠…加上我已经这样做了，我需要在同一级别上实现其他元素的折叠，因此，如果我选择了另一个第一级，它将折叠活动的第一级。