aaa

Demo 1

Try it out for yourself. Just click on the three following links:

Show the box  Hide the box  Toggle the box

Newbie Tip

For those of you brand new to JavaScript as well as jQuery, the lines of code that begin with two slashes ( // ) are comment lines that have no effect on the code whatsoever. You can also create multi-line comments by enclosing them in /* and */

Other Effects

Other simple jQuery effects for showing or hiding elements include:

• slideUp()
• slideDown()
• slideToggle()
• fadeIn()
• fadeOut()

Demo 2

Try the slide effects to see how they differ from show/hide:

Slide the box down  Slide the box up  Slide toggle the box