jQuery 1.4 Animation Techniques - Index of

2. Save the changes as toggle.html.
[ 53 ]
Chapter 2
3. We should find when we run the page that it works in the same way as it did using
the show() and hide() methods. In this example, using the toggle() method
has done nothing for us; we haven't reduced our own code at all.
4. In some applications, if we were using the click event to either show or hide an
element for example, we would be able to reduce the complexity of our event
handlers and rely on toggle() to do it for us.
Have a go hero – doing more with toggle
Why not change the last two examples so that the vertical menu uses click events
instead of hover events. You'll get to see when toggle() can be used to simplify your code.
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()