Hide, Show, Toggle, Slide, Fade, and Animate. WOW!
Click to show/hide panel
Because time is valuable, we deliver quick and easy learning.
At W3Schools, you can study everything you need to learn, in an accessible and handy format.
Demonstrates a simple jQuery hide() method.
Another hide() demonstration. How to hide parts of text.
With jQuery, you can hide and show HTML elements with the hide() and show() methods:
The optional speed parameter specifies the speed of the hiding/showing, and can take the following values: "slow", "fast", or milliseconds.
The optional callback parameter is a function to be executed after the hide() or show() method completes (you will learn more about callback functions in a later chapter).
The following example demonstrates the speed parameter with hide():
With jQuery, you can toggle between the hide() and show() methods with the toggle() method.
Shown elements are hidden and hidden elements are shown:
The optional speed parameter can take the following values: "slow", "fast", or milliseconds.
The optional callback parameter is a function to be executed after toggle() completes.
For a complete overview of all jQuery effects, please go to our jQuery Effect Reference.
Your message has been sent to W3Schools.