Chapter 2. Fading Animations

In this chapter we'll be looking at the most basic types of jQuery animations, in which the element being animated gradually appears or disappears. There are several jQuery methods that deal with fading and we'll look at each of them in turn throughout the chapter. These methods are:

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

In this chapter, we will learn:

  • How to create simple animations with the fadeIn(), fadeOut(), and fadeToggle() methods
  • How to control the ending opacity value of the animation with the fadeTo() method
  • How to create fading animations with the show() and hide() methods
  • How to simplify our code with the toggle() methods

Fading animations

The fadeIn() and fadeOut() methods perform the least ...

Get jQuery 1.4 Animation Techniques Beginner's Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial