2009-06-11 6 views
3

J'utilise le système de menu Superfish jquery et j'ai besoin d'afficher tous les enfants, quel que soit leur niveau. Le menu affiche uniquement les enfants de l'élément sélectionné. Peut-être que quelqu'un peut m'aider à comprendre comment modifier le code pour le faire fonctionner de cette façon.Afficher tous les enfants dans Superfish jquery menu

Superfish menu

HTML exemple d'un nœud:

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

quoi il ressemble maintenant:

screen shot 1

comment il faut regarder:

screen shot 2

Répondre

0

Vous pouvez essayer quelque chose avec CSS pour rendre les sous-éléments toujours visibles. En survol, l'élément en cours obtient la classe 'sfHover'.

Perhaphs vous pouvez ajouter un style CSS à votre site quelque chose comme ceci:

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

Je ne suis pas tout à fait sûr du sélecteur CSS pour le faire fonctionner que pour les articles sous-sous, mais j'espère que cela vous met sur votre chemin.

Questions connexes