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

// JavaScript Document