YouTip

# jQuery UI API - .show() ## Category (#) | (#) | (#) | (#) ## Usage **Description:** Displays the matched elements with a custom effect. **Returns:** (http://api.jquery.com/Types/#jQuery) .show( effect [, options ] [, duration ] [, complete ] ) | Parameter | Type | Description | Default | | --- | --- | --- | --- | | effect | String | A string indicating which (#) to use. | | | options | Object | Effect-specific settings and (#). | | | duration | Number or String | A string or a number determining how long the animation will run. | 400 | | complete | Function() | A function to call once the animation is complete. | | .show( options ) | Parameter | Type | Description | | --- | --- | --- | | options | Object | All animation settings. The only required property is effect. * **effect** Type: String Description: A string indicating which (#) to use. * **easing** (default: `"swing"`) Type: String Description: A string indicating which (#) function to use. * **duration** (default: `400`) Type: Number or String Description: A string or a number determining how long the animation will run. * **complete** Type: Function() Description: A function to call once the animation is complete. * **queue** (default: `true`) Type: Boolean or String Description: A Boolean indicating whether to place the animation in the effects queue. If false, the animation will begin immediately. **As of jQuery 1.7**, the queue option can also accept a string, in which case the animation is added to the queue represented by that string. | This plugin extends jQuery's built-in [.show()](#) method. If jQuery UI is not loaded, calling the `.show()` method will not fail directly, since the method exists in jQuery. However, the expected behavior will not occur. ## Example Use the Fold Effect to show a div. div { display: none; width: 100px; height: 100px; background: #ccc; border: 1px solid #000; } Show div $( "button" ).click(function() { $( "div" ).show( "fold", 1000 );}); (#)