Показать всех детей в меню Superfish JQuery - PullRequest
Новая
       11

Показать всех детей в меню Superfish JQuery

4 голосов
/ 11 июня 2009

Я использую систему меню 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>

Как это выглядит сейчас:

screen shot 1

Как это должно выглядеть:

screen shot 2

1 Ответ

1 голос
/ 12 июня 2009

Вы можете попробовать что-то с CSS, чтобы подэлементы всегда были видны. При наведении курсора текущий элемент получает класс sfHover.

Возможно, вы добавите стиль CSS на свой сайт примерно так: 

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

Я не совсем уверен насчет селектора CSS, чтобы он работал только для подподписей, но я надеюсь, что это поможет вам в этом.

...