W3Schools.com

jQuery Effect show() Method

jQuery Effect Methods jQuery Effect Methods

Example

Show a hidden p element:

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

Try it yourself »

Definition and Usage

The show() method shows all hidden, selected elements.

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

Note: This effect works on elements hidden with jQuery (like fadeOut(), hide(), toggle(), etc.), and display:none in CSS (but not visibility:hidden).

Syntax

$(selector).show(speed,callback)

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

Possible values:

  • milliseconds (like 1500)
  • "slow"
  • "normal"
  • "fast"
callback Optional. A function to be executed after the show() 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.

jQuery Effect Methods jQuery Effect Methods

WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$3.98 Unlimited Hosting
Premium Website Design
WEB BUILDING
XML Editor - Free Trial!
FREE Website BUILDER
Best Website Templates Top CSS Templates
CREATE HTML Websites
EASY WEBSITE BUILDER
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE