Accordion transition master list?

[Puppo]

i can't seem to find a list of all of the transitions or effects or animations for the accordion. things like easeIn/easeOut/duration etc.

can anyone help? Adobe?

[danilocelic AdobeCommunityExpert]

Puppo wrote:

> i can't seem to find a list of all of the transitions or effects or animations for the accordion. things like easeIn/easeOut/duration etc.
>
> can anyone help? Adobe?

I don't see it specifically documented, but the Accordion object can take a transition option. The transitions are defined in SpryEffects.js, so you may have to down load Spry from here:
[url]http://labs.adobe.com/technologies/spry/home.html[/url]

Unzip that and go to the "includes" folder and copy SpryEffects.js into your site in the SpryAssets folder (which should be there when you added an accordion to one of your pages.

In the page with the accordion add a link to SpryEffects.js in the head of your document. This file contains the definitions for all of the supported transitions (although I assume that you could add more if you knew what to do). This page lists the transitions available:
[url]http://labs.adobe.com/technologies/spry/articles/effects_coding/index.html[/url]
Scroll down to "Transition overview". That section contains a link to a page that shows demos of the transitions, which is here:
[url]http://labs.adobe.com/technologies/spry/samples/effects/transition_sample.html[/url]
Here are the transistions that are listed:
Spry.linearTransition
Spry.sinusoidalTransition
Spry.squareTransition
Spry.squarerootTransition
Spry.fifthTransition
Spry.circleTransition
Spry.pulsateTransition
Spry.growSpecificTransition


At the bottom of your page will be the constructor for your Accordion, which by default will look something like this:
var Accordion1 = new Spry.Widget.Accordion("Accordion1");

So if you wanted to use the squarTransition, you would change that constructor to the following:
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {transition: Spry.squareTransition });

Don't try the pulsateTransition as it's very visually jarring when combined with the Accordion.


--
Danilo Celic
| Extending Knowledge Daily : [url]http://CommunityMX.com/[/url]
| Adobe Community Expert