[jQuery] [Dropdown menu] Expand upwards!
Hello.
I´m trying to make a tab menu with dropdown child menus.
Nothing strange with that, just a nested unordered list like this:
<ul>
<li><a href="">Value1</a></li>
<li><a href="">Value2</a>
<ul>
<li><a href="">Subvalue1</a></li>
</ul>
</li>
</ul>
Now to my problem/question: How to expand the submenu upwards?
Please see this "what I want" picture. http://api.mediatechdesign.se/jquery/tab_expand_menu.png
I have try with different types of animations, slideDown, but can´t
figured out.
$(".tabs li").hover(
function(){
$(this).children("ul").slideDown("fast");
},
function(){
$(this).children("ul").slideUp("fast");
});