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