jQuery - show() / hide()

Use show() or hide() to show or hide any document element. The optional speed parameter specifies the speed of the hiding/showing, and can take the following values: "slow", "fast", or milliseconds.

Show

Hide

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Adipiscing elit duis tristique sollicitudin nibh sit. Condimentum id venenatis a condimentum vitae sapien pellentesque. Nunc consequat interdum varius sit.

let delay = 3000;
$("#btnShow").click(function () { $("#LorumIpsumContent").show(delay); });
$("#btnHide").click(function () { $("#LorumIpsumContent").hide(delay); });

Using a callback

The optional callback parameter is a function to be executed after the hide() or show() method completes. Here is an example using callback.

Show

Hide

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Adipiscing elit duis tristique sollicitudin nibh sit. Condimentum id venenatis a condimentum vitae sapien pellentesque. Nunc consequat interdum varius sit.

let delay = 3000;
$("#btnShow2").click(function () { $("#LorumIpsumContent2").show(delay, function () { alert("done"); }); });
$("#btnHide2").click(function () { $("#LorumIpsumContent2").hide(delay, function () { alert("done"); }); });