//When the document is ready
$(document).ready(function(){
   
    //Hide all of the Sub Parent Elements in the Menu
    $("#menu li ul").hide();
   
    //If a Parent Element is being hovered over
    $("#menu li").hover(function(){
        //Have the Sub Parent Element slide out
        $("ul", this).stop().animate({height: 'show'}, {duration: 300, easing: 'easeOutQuint', queue: false, complete: function(){$(this).css("height", "auto");}});
    },    
    //When it is done hovering
    function(){
        //Have the Sub Parent Element slide back up
        $("ul",this).stop().animate({height: 'hide'}, {duration: 300, easing: 'easeInQuint', queue: false, complete: function(){$(this).css("height", "auto");}});  
        });
});