Extending jQuery

Chapter 11. Animating properties

This chapter covers

• The jQuery animation framework
• Adding custom property animations

One of the most widely used of jQuery’s features is its animation functionality, which provides support for animating various properties of elements, resulting in visual changes on the web page. Besides the basic show and hide functions that provide an animated transition if a duration is specified, several slide and fade animations are also available as standard, such as slideDown and fadeIn. If you want something more exotic, you can request a custom animation to move an element to a particular position or to change its dimensions or font size by using the animate function.

$('#myDiv').slideDown('slow'); $('#myDiv').animate({width: ...