How to change animation style in jQuery Accordion?

Question

Is there a way to change the default animation that the jQuery accordion uses? This seems to be a "slide", but I would like to use the "Bounce" or "Drop" effect.

Here is my current code:

$("#accordion").accordion({
    autoHeight: false,
    collapsible: true,
    event: 'click',
    active: 4
});

I would like to change this from a slide to a drop or rebound.

Answer 1

You can use a parameter animatedfor this , for example, to get a rebound:

$("#accordion").accordion({ 
  animated: 'bounceslide',
  autoHeight: false, 
  collapsible: true, 
  event: 'click', 
  active: 4
});

By default 'slide', you can view the demo here .

Answer 2

JQuery UI, . , .

.. , animate.