Error in jQuery

Question

I have an unordered list, I would like to apply a simple elastic function used in jQuery. When I run the script, I get a JavaScript error all the time:

Error: D.easing [this.options.easing || (D.easing.swing? "Swing": "linear")] is not a function Source file: jquery-pack.js? 1296815924

Java works, but does not create the desired effect. My jQuery code:

 <script type="text/javascript">
$(document).ready(function(){

 //When mouse rolls over
$("li").mouseover(function(){
    $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: "easeOutElastic"})
});

$("li").mouseout(function(){
$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: "easeInBounce"})
});

     }); 
</script>

I took this script from a tutorial, so I expected it to work. It seems that easing is not being passed from page to script?

Any help was appreciated.

Answer 1

Attenuation function easeOutElasticand easeInBouncedetermined plugin jQuery the UI , rather than the main jQuery infrastructure.

.

Answer 2

, : http://gsgd.co.uk/sandbox/jquery/easing/

@Frédéric Hamidi jQuery UI...