$(document).ready(function(){  
  
    //When mouse rolls over  

  
      $("li.expand").mouseover(function(){  
        $(this).stop().animate({height:'200'},{queue:false, duration:200, easing: 'easeInOutSine'})  
    });
    
    
    
    //When mouse is removed  
 
    
     $("li.expand").mouseout(function(){  
        $(this).stop().animate({height:'20px'},{queue:false, duration:400, easing: 'easeInOutSine'})  
    });
  
});