CODEWITHSUNDEEP
jqueryjquery-ui
james.bcn
james.bcn

Reputation: 1249

Jquery accordion animation stops it working

I have a jquery accordion that works fine without animation: 

jQuery('#countrylist').accordion({
    active: false, 
    alwaysOpen: false, 
    autoHeight: false,
    animated: false
});

But if I try to use animation it no longer works:

jQuery('#countrylist').accordion({
   active: false, 
   alwaysOpen: false, 
   autoHeight: false,
   animated: "bounceslide"
});

Now clicking on one of the heading links no longer opens that div, it doesn't do anything.

Any ideas why this might happen?

Upvotes: 1

Views: 842

Answers (1)

Andrew Whitaker
Andrew Whitaker

Reputation: 126052

According to the documentation, you need to include UI Effects Core in your page as well:

Choose your favorite animation, or disable them (set to false). In addition to the default, 'bounceslide' and all defined easing methods are supported ('bounceslide' requires UI Effects Core)

(emphasis mine)

I'm pretty sure this is it since your code works fine for me when I include jQueryUI in its entirety: http://jsfiddle.net/andrewwhitaker/86xGs/1/

Upvotes: 2

Related Questions