jQuery 1.4 Animation Techniques - Index of

Pop quiz – sliding elements down
1. What should be applied to an element before it has the slideDown() method
called on it?
a. visibility:hidden;
b. height:0;
c. display:none;
d. position:static;
[ 79 ]
Chapter 4
2. What style does an element that has been shown with slideDown() end up with?
a. display:block;
b. visibility:visible;
c. position:absolute;
d. height:100%;
Have a go hero – sliding elements down
In our basic example, once the form has been opened it then stays open until the page is
reloaded. Add some additional code that fades the login form away after a specified length
of time in case it is not interacted with.
Sliding elements out of view
The slideUp() method works in exactly the same way as slideDown(), except that it
hides the target element instead of showing it. The slideUp() method accepts the same
arguments as slideDown() and can be affected by CSS in the same way, so padding
and margin should be taken into account and caution is advised when using absolute
positioning. The original value of an element's display property however, is not a factor
when using slideUp().
The method's pattern of usage is as follows:
jQuery(elements).slideUp([duration], [easing], [callback]);