多级垂直制表符 jquery
Multilevel Vertical Tab jquery
我一直在尝试构建一个包含隐藏内容的多级垂直选项卡，某些 jquery 可以看到这些内容。它工作正常，但有一个问题。
因为这段代码：
$(this).nextUntil("li.tabsclose").slideToggle();
第一次加载页面时，会显示所有父类别，但如果您单击包含某些子类别的类别，jquery 会隐藏所有内容，直到下一个 "tabsclose" class。这是个问题，因为我在列表末尾有一些父类别。
这是 jsfiddle：https://jsfiddle.net/ebf6cdpe/
非常感谢您的提前帮助！
解决方案：
在花费大量时间搜索网络后，我使用 if/else 语句能够在重新单击时关闭父选项卡。
这个特定的部分导致所有 Parent 个没有子类别的类别被隐藏：
$('.subtabs').not(this).nextUntil(".subtabs").slideUp();
如果删除它，所有没有子类别的 Parent 都不会永久消失。但是，打开子类别时它们会暂时消失，这仍然存在问题。
您需要有一个应用于所有 parents 的 class，您可以在此循环中用作选择器：
$(this).nextUntil("li.tabsclose").slideToggle();
我仍然不能 100% 确定这就是您想要的确切功能，但这是一个更新版本：
https://jsfiddle.net/ebf6cdpe/1/
无论如何，您最好为子类别使用嵌套列表。 https://www.w3.org/wiki/HTML_lists
我一直在尝试构建一个包含隐藏内容的多级垂直选项卡，某些 jquery 可以看到这些内容。它工作正常，但有一个问题。
因为这段代码：
$(this).nextUntil("li.tabsclose").slideToggle();
第一次加载页面时，会显示所有父类别，但如果您单击包含某些子类别的类别，jquery 会隐藏所有内容，直到下一个 "tabsclose" class。这是个问题，因为我在列表末尾有一些父类别。
这是 jsfiddle：https://jsfiddle.net/ebf6cdpe/
非常感谢您的提前帮助！
解决方案：
在花费大量时间搜索网络后，我使用 if/else 语句能够在重新单击时关闭父选项卡。
这个特定的部分导致所有 Parent 个没有子类别的类别被隐藏：
$('.subtabs').not(this).nextUntil(".subtabs").slideUp();
如果删除它，所有没有子类别的 Parent 都不会永久消失。但是，打开子类别时它们会暂时消失，这仍然存在问题。
您需要有一个应用于所有 parents 的 class，您可以在此循环中用作选择器：
$(this).nextUntil("li.tabsclose").slideToggle();
我仍然不能 100% 确定这就是您想要的确切功能，但这是一个更新版本：
https://jsfiddle.net/ebf6cdpe/1/
无论如何，您最好为子类别使用嵌套列表。 https://www.w3.org/wiki/HTML_lists