Example

Hide a p element:

$(".btn1").click(function(){
  $("p").hide();
});

Try it yourself »

Definition and Usage

The hide() method hides all visible, selected elements.

This method changes the element's height, width, margin, padding and opacity from visible to hidden.

Syntax

$(selector).hide(speed,callback)

Parameter Description
speed Optional. Specifies the speed of the hide effect. Default is "0".

Possible values:

  • milliseconds (like 1500)
  • "slow"
  • "normal"
  • "fast"
callback Optional. A function to be executed after the hide() method is completed.

To learn more about callback, visit our jQuery Callback chapter.



Examples

Try it Yourself - Examples

Using the speed parameter
How to use the speed parameter when hiding/showing an element.

Using the callback parameter
How to use the callback parameter when hiding/showing an element.