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

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

如果我正确理解了你想要什么，这里有一个有效的版本

在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>

子部分元素当前没有任何样式，但功能正常

---

编辑：jsFiddle链接：

这是我的fiddle链接你自己写的css吗？对于不同级别和部门的直接嵌套节点，有特定的css说明。如果你想为这些部分编写子级别，你应该为此编写额外的css。不，我没有编写css，我不熟悉css，请你帮助@Justus romijyou should see@arjunIt，希望你至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用。您可以更新fiddle link@Zentryn中的更改吗

$(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();
    })
});