7.8. Stopping and Resetting Animations

7.8.1. Problem

If an animation is running, we may be required to stop it in midflow. A common problem is seen when using a mouseover and a mouseout to trigger an animation to show and hide a particular block of content.

If the mouse is run in and out of the trigger area, the animation continuously triggers; for example, the content block would keep sliding up and down until it completed the number of times it was triggered.