是否可以在html中添加一个或多个部分

Question

我正在使用该页面中的简单html页面，我正在显示部门以及部分。我试图在F部分的SectionF1下添加SectionF1.1和SectionF1.2。如何实现这一点请帮助我！

Answer 1

如果我正确理解你想要什么，这是一个工作版本。

在HTML中：如果您的部分包含子部分，请为其添加'has-child'类或其他类名称。然后，该元素后添加的子部分元素，像这样：

<li class="section has-child"><a href="#"><span>Section F1</span></a></li> 

<ul class="section sub-section"> 
    <li>F1.1</li> 
    <li>F1.2</li> 
    <li>F1.3</li> 
</ul> 

在jQuery中：替换当前的代码与这一个：

$(document).ready(function() { 
    $('a').siblings('.sections').hide(); 
    $('.sub-section').hide(); 
    $('a').click(function() { 
     $(this).siblings('.sections').toggle(); 
    }); 

    $('.has-child').click(function() { 
     $(this).next('.sub-section').toggle(); 
    }) 
}); 

子节的元素没有任何造型目前，但功能的作品。

编辑：的jsfiddle链接：https://jsfiddle.net/n5kv83xo/3/