htmlで1つ以上のセクションを追加することは可能ですか

Question

私はそのページで簡単なhtmlページを使用していますが、セクションとともにセクションを表示しています。私はDepartmentF1の下にSectionF1.1とSectionF1.2を追加しようとしました。どのようにこれを達成できますか？

Answer 1

あなたが望むものを正しく理解していれば、ここでは動作するバージョンです。

HTMLで：サブセクションがある場合、 'has-child'クラスまたは他のクラス名をセクションに追加します。そして、その要素はそうのようなサブセクション要素を追加した直後：jQueryので

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

：この1とあなたの現在のコードを置き換えます

$(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/ここ