jQuery 1.4 Animation Techniques - Index of

The previous screenshot shows the static element as it is being clipped.
[ 159 ]
Chapter 6
What just happened?
The underlying page has a collection of elements on it with the outer container being
styled to look like the television and a couple of inner elements, one of which is a simple
background which sits behind the static element. Both inner containers use CSS z-index
to sit behind the outer container.
When any part of the television is clicked, the static element has the effect applied to it
without any additional configuration, and because the default mode of the effect is hide, the
element will be hidden automatically when the effect ends. To see the reverse of the effect,
we could hide the static by default and set the mode to show, or we could set the mode to
toggle and have the static alternately show and hide.
The drop effect
The drop effect is used to show an element while sliding it open, or hide it while sliding it
closed. This effect works on both the position and opacity of the element it is applied to.