L'effet d'assouplissement sur jQuery ne fonctionne pas - jquery, effet, assouplissement

Je suis nouveau sur stackoverflow et sur jQuery .. pourquoi l’effet de l’atténuation ne fonctionne-t-il pas pour moi avec jQuery .. la petite boîte apparaît comme je veux mais sans l'effet que j'ai défini.

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

et dans l'en-tête du document j'ai mis:

<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>

Réponses:

L'essayer

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