efekt luzu w jQuery nie działa - jquery, efekt, złagodzenie

Jestem nowy na stackoverflow i na jQuery .. zranił mnie, dlaczego efekt złagodzenia nie działa dla mnie z jQuery .. małe pudełko jest wyskakujące jak chcę, ale bez efektu, który ustawiłem.

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

oraz w nagłówku ustawionego dokumentu:

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

Odpowiedzi:

Spróbuj

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