jQuery Hide/Show

Hiding and showing elements.

jQuery Hide() and Show()

With jQuery, you can hide and show HTML elements with the hide() and show() methods:

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

$("#show").click(function(){
  $("p").show();
});

jQuery toggle()

You can also toggle between hiding and showing an element with the toggle() method.

Example

$("button").click(function(){
  $("p").toggle();
});