jQuery 1.4 Animation Techniques - Index of

The previous screenshot shows the blind in its fully-open state.
[ 157 ]
Chapter 6
What just happened?
We set a click handler on the outer container which calls the toggle() method on the
inner element. In the CSS we set the inner element to be hidden initially, so the first time
the container element is clicked, the inner element will be shown.
The clip effect
The clip effect causes the element it is called upon to reduce in size vertically or horizontally
until it disappears.
Configuration options
The configuration options we have at our disposal when using the clip effect allow us to
control the direction in which the animation proceeds, and whether the element is shown
or hidden:
Option Default Usage
direction "vertical" Sets the axis along which the element animates.
mode "hide" Configures whether the element is hidden or shown. Other
possible values are show, toggle, and effect.