TypeError: p.easing[this.easing] is not a function

Question

When trying to show a div element with jQuery, i got this error:

[23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2 

The relevant function is this:

function showWithAnimation(){                     console.log('animation called');   $('#popup').show();   $("#popup").css({"top": "30%", "left": "30%"})              .animate({top:(($(window).height()/2)-($('#popup')              .outerHeight()/2))-70}, 1000, 'easeOutBounce')              .show(); } 

The function is responsible of showing the div with a bounce animation, however, the div is shown but without bounce effect.

EDIT:

I am including jQuery and jQueryUI libraries from a CDN like this (In order):

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'> </script> 

Answer 1

You need to include jQueryUI for the extended easing options.

I think there may be an option to only include the easing in the download, or at least just the base library plus easing.