4

Superfish jQueryメニューシステムを使用しており、レベルに関係なくすべての子を表示する必要があります。メニューには、選択したアイテムの子のみが表示されます。おそらく誰かが、このように機能するようにコードを変更する方法を理解するのを手伝ってくれるでしょう。

スーパーフィッシュメニュー

ノードのHTMLの例：

<li class="root"><a href="#" title="Training" class="root">Training</a>
  <ul>
    <li class="sub"><a href="#" title="Workshops - Classroom" class="sub">Workshops - Classroom</a>
      <ul>
        <li class="sub"><a href="#" title="Business Analytics" class="sub">Business Analytics</a></li>
        <li class="sub"><a href="#" title="Software Applications" class="sub">Software Applications</a></li>
        <li class="sub"><a href="#" title="Selling Skills" class="sub">Selling Skills</a></li>
        <li class="sub"><a href="#" title="Wal-Mart Focused" class="sub">Wal-Mart Focused</a></li>
      </ul>
    </li>
    <li class="sub"><a href="#" title="Public Workshop Schedule &amp; Registration Form" class="sub">Public Workshop Schedule &amp; Registration Form</a></li>
    <li class="sub"><a href="#" title="Webinars" class="sub">Webinars</a></li>
  </ul>
</li>

今の様子：

スクリーンショット1

どのように見える必要がありますか：

スクリーンショット2

4

1 に答える 1

1

CSSで何かを試して、サブアイテムを常に表示することができます。ホバーすると、現在のアイテムはクラス「sfHover」を取得します。

次のようなCSSスタイルをサイトに追加できます。

li.sub.sfHover ul {
  display: block !important;
  visibility: visible !important;
}

サブサブアイテムに対してのみ機能するようにするCSSセレクターについてはよくわかりませんが、これでうまくいくことを願っています。

于 2009-06-11T22:01:21.767 に答える