jquery ナビゲーション設計の実装コード。jquery を学習している友人は、look_navigation メニューを参照してください。

<style type="text/css"> #menu{width:200px;} .has{background:#00DFAA; color:#FFFBF0; cursor:pointer} .hig{background:#FF5F55; color:#2A3F55;} div{padding:0px; margin:10px 0;} div a{background:#D41FAA; display:none; float:left; width:200px;} </style> <div id="menu"> <div class="has"> <span> </span> <a>第 1 章</a> <a>1.1 ははははははは</a> <a>1.2 ははははははは</a> <a>1.3 はははははははは</a> </div>1.4 はははははは<div class="has"> <span> </span> <a>第 2 章</a> <a>2.1 ははははははは</a> <a>2.2 ははははははは</a> <a>2.3 ははははははは</a> </div>2.4 はははははは<div class="has"> <span> </span> <a>第 3 章</a> <a>3.1 ははははははは</a> <a>3.2 ははははははは</a> <a>3.3 ははははははは</a> </div>3.4 はははははは</div>
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]