эффект ослабления на jQuery не работает

Question

Я новичок в stackoverflow и jQuery .. wounded почему эффект ослабления не работает для меня с jQuery .. маленькая коробка появляется, как я хочу, но без эффекта, который я установил.

<script> 
$('#box').mouseover(function() 
{ 
    $('#details').animate({height:'50px', marginTop:'350px'}, 
         { duration: 600, easing: 'easeInOutBounce' } 
    ); 
}); 
</script> 

и в заголовке документа я установил:

<script src="jquery.easing.1.3.js" type="text/javascript"></script> 
<script src="http://gsgd.co.uk/sandbox/jquery/jquery-1.2.1.js" type="text/javascript"></script> 
<script src="jquery.easing.compatibility.js" type="text/javascript"></script> 
<link rel="stylesheet" href="css/humanity/jquery-ui.custom.css" /> 
<script src="js/jquery.min.js"></script> 
<script src="js/jquery-ui.custom.min.js"></script> 

Answer 1

Попробуйте

$('#details') 
.stop()//stop all running animations 
.animate(//start a new animation 
    {height:'50px', 
    marginTop:'350px'}, 600, 'easeInOutBounce' 
);