Tab menu, Expand upwards

Tab 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. Image

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");
                });