Determining if an element is animating using :animated
The custom :animated selector filter can be used to select elements that are currently
animating. Below, I use this custom selector filter to add text to an animating
element.
Sample: sample95.html
Using show(), hide(), and toggle(), without animation
Using the show(), hide(), and toggle() methods with a parameter will cause the elements
being shown or hidden to animate by changing CSS properties: height, width, opacity, margin,
padding. It is possible to skip the animations for hiding and showing elements simply by not
passing any parameters. This changes how these methods adjust the visibility of an element.
Affected elements will simply appear or disappear without any animation by adjusting the CSS
display property instead.
Sample: sample96.html
95