2009-06-11 38 views
3

我正在使用Superfish jquery菜单系统,并且要求显示所有子级,而不管其级别。该菜单仅显示所选项目的子项。也许有人可以帮助我理解如何修改代码以使其以这种方式工作。节点的显示Superfish jquery菜单中的所有子项

Superfish menu

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

回答

0

您可以尝试一些CSS来使子项始终可见。当悬停时,当前项目获得班级'sfHover'。

Perhaphs您可以添加CSS样式到您的网站是这样的:

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

我不太肯定的CSS选择器,使它只对分分项工作,但我希望这让你在路上。