CODEWITHSUNDEEP
jqueryjquery-uiuser-interfaceaccordion
ToraRTC
ToraRTC

Reputation: 439

Change animation speed of Jquery UI Accordion

I'm using the Jquery UI Accordion, and I haven't found anywhere in the documentation on how to change the speed of the animation. I've found people suggest using option "animated: 'bounceslide'" but haven't been able to find what the different available options are for animated.

My current js is as follows

    $( "#accordion" ).accordion({
        event: "mouseover",
        animate:"slow",
        active:false
    });

The "animate:"slow" is not correct and therefore not working. Any ideas?

Upvotes: 12

Views: 20790

Answers (4)

Mehdiway
Mehdiway

Reputation: 10646

This works fine for me :

$("#accordion").accordion({
    animate: {
        duration: 500
    }
});

Upvotes: 12

pgl
pgl

Reputation: 7981

This is currently not directly possible, although a feature request has been logged and is scheduled to implemented by the 1.9 milestone: http://bugs.jqueryui.com/ticket/3772. You can either wait for that release, or try the subclassing method described here: http://bugs.jqueryui.com/ticket/3533.

This boils down to:

$.extend($.ui.accordion.animations, {
  fastslide: function(options) {
    $.ui.accordion.animations.slide(options, { duration: 100 }); }
  });

Upvotes: 7

user760968
user760968

Reputation: 51

if you set the 'animated' to say swing then you can set the 'duration' of the animation in milliseconds. e.g. $( "#accordion" ).accordion({event: "mouseover", animated: 'swing', duration: 500, active:false });

Upvotes: 5

Philip Kirkbride
Philip Kirkbride

Reputation: 22879

Try using 

speed: 50

Where 50 is the number of miliseconds

or 

speed: 'slow'

instead of 

animate:"slow",

Upvotes: 0

Related Questions