jQuery Effects | jQuery button hide
Hide,Show,Toggle,Slide,Fade,andAnimate.WOW!Clicktoshow/hidepanelBecausetimeisvaluable,wedeliverquickandeasylearning.AtW3Schools,youcanstudyeverythingyouneedtolearn,inanaccessibleandhandyformat.ExamplesjQueryhide()[1]DemonstratesasimplejQueryhide()method.jQueryhide()[2]Anotherhide()demonstration.Howtohidepartsoftext.jQueryhide()andshow()WithjQuery,youcanhideandshowHTMLelementswiththehide()andshow()methods:Example$("#hide").click(function(){ $("p").hide();});$("#show").click(function(){ $("p...
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.
ExamplesjQuery hide()[1]Demonstrates a simple jQuery hide() method.
jQuery hide()[2]Another hide() demonstration. How to hide parts of text.
jQuery hide() and show()With jQuery, you can hide and show HTML elements with the hide() and show() methods:
Example $("#hide").click(function(){ $("p").hide(); });$("#show").click(function(){ $("p").show();});
Try it Yourself »[3]Syntax:
$(selector).hide(speed,callback);$(selector).show(speed,callback);
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...