css - Superfish - 当前子菜单始终显示

Question

我正在使用 Superfish 在网站上显示水平菜单。每当我在当前菜单项或子菜单项的页面上时，子菜单总是显示。发生这种情况时，当您将鼠标悬停在其他子菜单上时，它会与其他子菜单重叠。如何隐藏当前显示的子菜单？

编辑:好的，我想出了如何用 CSS 做到这一点。我将以下代码添加到 superfish-navbar.css

ul.sf-navbar ul {
display: none;
}
ul.sf-navbar li:hover ul {
display: block;
}

它会隐藏当前的子菜单，并在您将鼠标悬停在父项上时显示所有子菜单。

Answer 1

对于 CSS

在 superfish-navbar.css 中，您将删除第 63 行的以下规则。

ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul {
      left: 0;
      top: 2.5em;
  }

当你结束使用 Javascript 时

在 superfish 插件的文档中，选项选项卡上显示了默认选项。貌似pathLevels设置为1，pathLevels的说明

the number of levels of submenus that remain open or are restored using pathClass

看起来像您需要的选项。尝试将 pathLevels 设置为 0。

请参阅此 jsfiddle 进行比较:http://jsfiddle.net/keithwyland/G87Lm/

http://users.tpg.com.au/j_birch/plugins/superfish/#options