Show all kids on jQuery Superfish menu

Question

I use the jQuery Superfish menu system and have the requirement to show all children regardless of level. Only children of the selected item are displayed in the menu. Maybe someone can help me figure out how to change the code to make it work this way.

Super Fish Menu

HTML node example:

<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>

what it looks like now:

how it should look:

Answer 1

You can try something with CSS so that all subtexts are always visible. When you hover over the current element, it gets the class 'sfHover'.

Perhaphs, you can add CSS style to your site like this:

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

CSS, -, , .