javascript HTML折叠/展开树未按预期工作

x759pob2  于 2022-11-20  发布在  Java
关注(0)|答案(2)|浏览(204)

我想折叠多层次的分类树。我尝试了这么多的答案从堆栈,但它不工作。有人能请帮助我吗?
我试了这个代码:https://stackoverflow.com/a/30945775/7727479

实际结果:

  • 首先显示测试1和测试3
  • 然后,点击测试1 =〉点击测试2,应显示测试8
  • 然后,点击测试2 =〉点击测试4,应显示测试7
  • 和/或其他信息。
    更新日期:

程式码片段:

第一个

9lowa7mx

9lowa7mx1#

我认为主要的问题是在你的html结构中,如果你想创建一个级别,你需要在那个级别中创建lili元素中有anchor
例如,要在TEST 1.0中添加TEST 2.2,您需要在用于TEST 1.0anchor之后查找下一个ul.sub,并添加另一个具有anchorli,如果要在TEST 2.2中创建另一个子菜单,则需要创建具有类sub的ul和另一个li

<li class="single deactive-collapse">
    <a class="li-single-text" style="padding-left:5%">Test 2.2 LAST</a>
    <ul class="sub" >
        <li class="child deactive-collapse">
            <a class="li-child-text" style="padding-left:10%">Test 3.2 LAST</a>
        </li>
    </ul>
</li>

这是一个片段
第一个

vdzxcuhz

vdzxcuhz2#

是的,你对ul li的结构有一些问题。请看我的演示。你可以在你的意志中添加你的类和属性。这不会妨碍你。
第一个

相关问题