2009-06-11 4 views
3

Ich verwende das Superfish jquery Menüsystem und habe eine Anforderung, alle Kinder unabhängig vom Level anzuzeigen. Das Menü zeigt nur die Kinder des ausgewählten Elements. Vielleicht kann mir jemand helfen, herauszufinden, wie man den Code ändert, damit es so funktioniert.Zeige alle Kinder in Superfish jquery menu

Superfish menu

HTML Beispiel eines Knotens:

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

, wie es jetzt aussieht:

screen shot 1

wie muss es aussehen:

screen shot 2

Antwort

0

Sie könnten etwas mit CSS versuchen, um die Unterelemente immer sichtbar zu machen. Beim Schweben erhält der aktuelle Gegenstand die Klasse 'sfHover'.

Perhaphs können Sie einen CSS-Stil auf Ihrer Website so etwas wie hinzufügen:

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

Ich bin nicht ganz sicher über den CSS-Selektor nur für Sub-Sub Elemente arbeiten zu machen, aber ich hoffe, dass diese bringt dich auf deinen Weg.