I have the default vertical menu working great but I would like the
first and second deep items to display and anything deeper have the
mouseover slide-down animation. Any ideas how to accomplish this. I
am very new to jQuery :-)
Example:
<li class="">
<a href="#a" class="sf-with-ul">First Level<span class="sf-sub-
indicator"> »</span></a>
<ul class="depth1, current" style="display: none; visibility:
hidden;">
<li><a href="#a" class="sf-with-ul">Second Level</a>
<li class="current">
<a href="#ab"
class="sf-with-ul">Second Level 2<span class="sf-
sub-indicator"> »</span></a>
<ul
style="display: none; visibility: hidden;">
<li
class="current"><a href="#">Third Level</a></li>
<li><a
href="#aba">menu item</a></li>
<li><a
href="#abb">menu item</a></li>
<li><a
href="#abc">menu item</a></li>
<li><a
href="#abd">menu item</a></li>
</ul>
</li>
</li>
<li><a href="#a" class="sf-with-ul">Welcome</a></li>
</ul>
</li>
