多级垂直制表符jquery

时间:2016-10-14 23:26:10

标签: javascript jquery html jquery-ui-tabs

我一直在尝试构建一个带有隐藏内容的多级垂直标签,这些标签可以被某些jquery看到。它工作正常但有一个问题。

由于这段代码:

$(this).nextUntil("li.tabsclose").slideToggle();

首次加载页面时,会显示所有父类别,但是如果单击包含某些子类别的类别,jquery会隐藏所有内容,直到具有“tabsclose”类的下一个项目。这是一个问题,因为我在列表的末尾有一些父类别。

这是jsfiddle:https://jsfiddle.net/ebf6cdpe/

非常感谢您的帮助!

解决方案:

在搜索网页上花了相当长的时间之后,我使用了if / else语句,可以在重新点击时关闭父标签页。

https://jsfiddle.net/ebf6cdpe/5/

1 个答案:

答案 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