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

问题描述：

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

这里是我的小提琴链接https://jsfiddle.net/n5kv83xo/2/ – arjun

你自己编写CSS？有针对不同级别的特定css指令，以及部门直接嵌套的节点。如果你想为这些部分添加sublevels，你应该为此添加额外的css。 –

不，我没有写的CSS我不famlish到CSS，请你帮忙@ Justus Romijn – arjun

答

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

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

你可以请更新小提琴链接https://jsfiddle.net/n5kv83xo/2/ @Zentryn – arjun

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

相关推荐