jQuery 1.4 Animation Techniques - Index of

Time for action – animations with show/hide
[ 49 ]
Chapter 2
It's always easiest to add any required HTML and basic CSS first, before adding any behavior
with JavaScript, and this example is no exception.
1. Add the following markup to the of the template file:
Top Level
Top Level »
2nd Level
Link
2nd Level
Link
2nd Level
Link
Top Level
Top Level
»
2nd Level
Link
2nd Level
Link
2nd Level
Link
2. Save this file as showHide.html. The following CSS should go into a new file:
nav {
font:normal 18px "Nimbus Sans L", "Helvetica Neue", "Lucida Sans
Unicode", Sans-serif;
}
nav a {
display:block; padding:20px 30px; text-decoration:none;
background-color:#ddd; color:#333; border:1px solid #fff;
}
nav a:hover { background-color:#333; color:#ddd; }