jQuery 1.4 Animation Techniques Beginner's Guide

Summary

In this chapter, we looked at some of jQuery's most basic animation methods. The fade class of methods are the simplest animation methods found in jQuery, animating nothing except the opacity of the selected element(s).

The show(), hide(), and toggle() methods can also be used to perform animations but alter the dimensions of the element as well as its opacity. All of these methods are simple to use and require few or no additional configuration in order to run.

We looked at the following methods in this chapter:

• fadeIn()
• fadeOut()
• fadeTo()
• fadeToggle()
• show()
• hide()
• toggle()

We also covered the following points:

• The fade methods work by altering the opacity and display properties of the selected elements. All methods may accept an optional duration ...