我一直在尝试构建一个带有隐藏内容的多级垂直标签,这些标签可以被某些jquery看到。它工作正常但有一个问题。
由于这段代码:
$(this).nextUntil("li.tabsclose").slideToggle();
首次加载页面时,会显示所有父类别,但是如果单击包含某些子类别的类别,jquery会隐藏所有内容,直到具有“tabsclose”类的下一个项目。这是一个问题,因为我在列表的末尾有一些父类别。
这是jsfiddle:https://jsfiddle.net/ebf6cdpe/
非常感谢您的帮助!
解决方案:
在搜索网页上花了相当长的时间之后,我使用了if / else语句,可以在重新点击时关闭父标签页。
答案 0 :(得分:0)
此特定部分导致隐藏所有不包含子类别的父类别:
$('.subtabs').not(this).nextUntil(".subtabs").slideUp();
如果删除它,所有没有子类别的父母都不会永久消失。但是,打开子类别时,它们仍然存在暂时消失的问题。
你需要有一个适用于你所有父母的类,你可以在这个循环中用作选择器:
$(this).nextUntil("li.tabsclose").slideToggle();
我仍然不能100%确定这是您想要的确切功能,但这里是更新版本:
https://jsfiddle.net/ebf6cdpe/1/
无论如何,您最好使用嵌套列表作为子类别。 https://www.w3.org/wiki/HTML_lists