0

最大 4 つのネストされた UL を持つサイド ナビゲーション メニューを実装するための最良のオプションがわかりません。私が抱えている最大の問題は、子要素を表示するために展開する必要がある見出しが、個々のページにもリンクしていることです。

最良の方法は、デフォルトで個々のページにリンクせず、代わりにそのページにリンクするアイコンを横に置くことだと思います. ここでの問題は、アクティブなアイテムをナビゲートして選択するときに、アコーディオンがこれを好まないように見えることです。

jQuery ツリー ナビゲーション メニューについていくつか調査しましたが、よく
わかり
ません。

ここで私にとって最良の選択肢は何ですか？ああ、ソリューションは HTML / CSS / jQuery ベースのみである必要があります。ありがとうございます。

HTML (省略して、全体で約 100 のリンクがあります):

<ul class="menu">
  <li class="menu_level_1"><a href="/" >Home</a></li>
  <li class="menu_level_1"><a href="/link2" >Link 2</a></li>
  <li class="menu_level_1">
     <a href="#" >Link 3</a>
     <ul class="sub_menu_2">
        <li class="menu_level_2"><a href="/link4" >Link 4</a></li>
        <li class="menu_level_2"><a href="/link5" >Link 5</a></li>
        <li class="menu_level_2">
          <a href="#" >Link 6</a>
          <a href="/link6" >Go to Link 6</a>
          <ul class="sub_menu_3">
            <li class="menu_level_3"><a href="/link7" >Link 7</a></li>
          </ul>
        </li>
     </ul>
  </li>
</ul>
4

1 に答える 1

0

floatの特大コンテンツに対するfloat/drop応答を使用してメニューを作成しli、サブメニューと個々のページへのリンクの両方を持つ見出しに追加します。ここにいくつかの参照があります：

于 2012-09-11T14:08:22.363 に答える