$(document).ready(function(){  
  
    //When mouse rolls over  
    $("#menu li").mouseover(function(){  
        $(this).stop().animate({height:'200px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
    });  
  
    //When mouse is removed  
    $("#menu li").mouseout(function(){  
        $(this).stop().animate({height:'30px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
    });  
  
});