Chaining Animations Using the end Event

This demonstrates how to use the end event to chain animations runs together.

Click the X in the header to fade the element out, then shrink its height to zero.

Animation Demo

x

This an example of what you can do with the YUI Animation Utility.

Follow the instructions above to see the animation in action.

This is placeholder text used to demonstrate how the above animation affects subsequent content.