Chapter 11. Advanced Effects

Since learning about jQuery's animation capabilities in Chapter 4, Styling and Animating we have found many uses for them. We can hide and reveal objects on the page with ease, we can gracefully resize elements, and we can smoothly reposition items. As this effects library is so versatile, it contains even more techniques and specialized abilities than we have seen so far.

In this chapter, we will investigate a few of these advanced features. We will learn how to better keep an eye on animations as they run, both by reacting to the progress and conclusion of animations and by querying the current animation state. We will see how to interrupt animations in progress and how to globally alter all effects on the page. We will also dive further into the topic of easing, allowing us to fine-tune the progress of any effect.