シンプルな折りたたみ可能および展開可能なディレクトリ実装 code_navigation メニュー

<title>折りたたみと拡張が可能なシンプルなディレクトリ</title> <style>div{font-size:12px;color:red; background-color: #EAEAE8; border: 1 solid #1892B5; padding: 1}</style> <div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'"> ホームディレクトリ 1</div> <div id="child1" style="display:none"> <a href="#">- サブディレクトリ 1</a> <br> <a href="#">- サブディレクトリ 2</a> <br> <a href="#">- サブディレクトリ 3</a> <br> <a href="#">- サブディレクトリ 4</a> </div> <div id="main2" style="color:blue" onclick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'"> ホームディレクトリ 2 </div> <div id="child2" style="display:none"> <a href="#">- サブディレクトリ 1</a> <br> <a href="#">- サブディレクトリ 2</a> <br> <a href="#">- サブディレクトリ 3</a> </div>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]