[jQuery] Superfish with multicolumn sub navigation
Is it also possible to use superfish with a multicolumn navigation
like below?
I tried it out but the superfish effect isn't that smooth, the nav_sub
will just show without any nice fade-in & slidedown effect.
I think because Superfish normaly targets the ul ul but now it has to
target the <div class"nav_sub">
I hope it's possible because superfish is really awsome and it would
be nice if it also works with the new big subnavigation trend....
<ul>
<li>
<a href="#">item 01</a>
<div class"nav_sub">
<div class="column">
<h3>Heading</h3>
<ul>
<li><a href="#">subitem 02</a></li>
<li><a href="#">subitem 03</a></li>
<li><a href="#">subitem 04</a></li>
</ul>
<h3>Heading</h3>
<ul>
<li><a href="#">subitem 02</a></li>
<li><a href="#">subitem 03</a></li>
<li><a href="#">subitem 04</a></li>
</ul>
</div><!-- /column -->
<div class="column">
<h3>Heading</h3>
<ul>
<li><a href="#">subitem 02</a></li>
<li><a href="#">subitem 03</a></li>
<li><a href="#">subitem 04</a></li>
</ul>
<h3>Heading</h3>
<ul>
<li><a href="#">subitem 02</a></li>
<li><a href="#">subitem 03</a></li>
<li><a href="#">subitem 04</a></li>
</ul>
</div><!-- /column -->
</div><!-- /nav_sub -->
</li>
<li><a href="#">item 02</a></li>
<li><a href="#">item 03</a></li>
<li><a href="#">item 04</a></li>
</ul>