展示Superfish jQuery菜单中的所有子菜单

Question

我正在使用Superfish jQuery菜单系统，并需要显示所有子级，而不管层次结构。该菜单仅显示所选项的子级。也许有人可以帮助我找出如何修改代码以使其按照这种方式工作。

Superfish菜单

节点的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>

现在的样子是什么：

它需要看起来如下：

- craigmoliver

Answer 1

您可以尝试使用 CSS 使子项目始终可见。悬停时，当前项目会获得“sfHover”类。

也许您可以在您的网站上添加一个类似以下样式的 CSS 样式：

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

我不太确定CSS选择器如何只针对子子项起作用，但我希望这能帮助你入门。

- ylebre