Question

我正在使用该页面中的简单html页面我正在显示部门以及部分。我试图在Department 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/

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

1 个答案: