jQuery Tutorials
jQuery Introduction
jQuery Get Started
jQuery Syntax
jQuery Selectors
jQuery Events
jQuery Effects
jQuery Hide/Show
jQuery Fade
jQuery Slide
jQuery Animate
jQuery stop()
jQuery Callback
jQuery Chaining
jQuery HTML
jQuery Get
jQuery Set
jQuery Add
jQuery Remove
jQuery CSS Classes
jQuery Traversing
jQuery Traversing
jQuery Ancestors
jQuery Descendants
jQuery Siblings
jQuery Filtering
jQuery AJAX
jQuery AJAX Intro
jQuery Load
jQuery Get/Post
jQuery Misc
jQuery noConflict()
jQuery Filters
Previous
jQuery Effects - Hide and Show
jQuery hide() and show()
With jQuery, you can hide and display HTML elements in hide() and show() modes:
Example
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Syntax
$(selector).show(speed,callback);
Optional speed parameter specifies hide / show speed, and may take the following values: "slow", "fast", or milliseconds.
The optional dialing parameter is a function to be used after the completion of call hide() or show() (you will learn more about callback functions in the next chapter).
The following example shows a speed parameter with hide():
Example
$("p").hide(1000);
});
jQuery toggle()
You can also switch between hiding and displaying something in a toggle() way.
Featured elements are hidden and hidden features are displayed:
Example
$("p").toggle();
});
Syntax
$(selector).toggle(speed,callback);
Optional speed parameter can take the following values: "slow", "fast", or milliseconds.
Optional call parameter is a function to be used after the completion of toggle().