是否可以在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/