Try it out for yourself. Just click on the three following links:
Show the box Hide the box Toggle the box
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 simple jQuery effects for showing or hiding elements include:
slideUp()
slideDown()
slideToggle()
fadeIn()
fadeOut()
Try the slide effects to see how they differ from show/hide: