[jQuery] Superfish - display2 deep and have mouseover for anything deeper

[jQuery] Superfish - display2 deep and have mouseover for anything deeper


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>