Hi all,
I have a three - tiered superfish menu that's working great as is.
What I need to do though is automatically show the third levels when
the first level is hovered over.
<code>
<ul class='nav'>
<li>Main-1
<ul>
<li>Sub-1
<ul>
<li>Item-1</li>
<li>Item-2</li>
</ul>
</li>
</ul>
</li>
<li>Main-2</li>
</ul>
</code>
----------------------------
| Main-1 | Main-2 |
---------------------------
| Sub-1 | Sub-2 |
-------------------------
| Item-1 |
-------------
| Item-2 |
-------------
For example, if I where to hover over "Main-1" above, not only would
"Sub-1" and "Sub-2" be shown, but also "Item-1" and "Item-2" similar
in appearance to the menu system on http://www.tampabay.com
I'm not entirely sure what the best way to do this would be. Something
like $("ul.nav li").mouseover(function().............
or something else entirely.
