The following example employs a mixture of:
- Timeline Transitions;
- Action Triggers;
- Element event Action handlers ( mouseover, mouseout and click );
- and some Element property and transition manipulations through direct .css and jquery;
Download the sample source files.
The basic premise is to have some artwork and text elements initiate each panel entry, using some Timeline transitions. Click the respective panel button to expand and push the initial graphic upward. Click an alternate panel button to repeat the animation for that section.