O'Reilly logo

Extending jQuery by Keith Wood

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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: ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required