CODEWITHSUNDEEP
jqueryanimationcoding-styleaccordionslide
Travis Smith
Travis Smith

Reputation: 359

How do I change the animation style of a jQuery Accordion?

Is there a way to change the default animation that jQuery accordion uses? It appears to be "slide" but I'd like to use a Bounce or Drop effect.

Here's my current code:

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

I'd like to change this from a slide to a drop or a bounce.

Upvotes: 5

Views: 12432

Answers (2)

Sarfraz
Sarfraz

Reputation: 382881

You can use the JQuery UI effects if you want more animations styles. And yes there are bounce and drop effects there too.

Note: You can also construct your own animations styles using animate method.

Upvotes: 0

Nick Craver
Nick Craver

Reputation: 630627

You can use the animated option for this, for example to get your bounce:

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

The default is 'slide', you can view a demo here.

Upvotes: 4

Related Questions