vertical Menu functunality with jQuery

Question

I have a menu (vertical menu) and i want each of the Ul's to show when hovering the dd's, and hide back in when mouseOut (second function of .hover()) what will be the best easiest way (without a plugin).

<dl class="lft-menubar">
<dt>Computers</dt>
    <dd>
      <ul class="slidedMenu">
         <li>3rd level menu</li>
         <li>3rd level menu</li>
         <li>3rd level menu</li>
         <li>3rd level menu</li>
         <li>3rd level menu</li>
         <li>3rd level menu</li>         
      </ul>
    </dd>

Thanks

Answer 1

<script type="text/javascript">
$("dl.lft-menubar dd").hover(function() {
$(this).next().show();
},function() {
$(this).next().hide();
});
</script>

Try something like that. :)