Click anywhere to toggle.
$( document ).click(function() { $( "#toggle" ).toggle( "blind" );}); (#)Api Blind Effect
# jQuery UI API - Blind Effect
## Category
(#)
## Usage
**Description:** The Blind Effect hides or shows an element by wrapping it in a container and using a "blind" effect.
blind
| Parameter | Type | Description | Default |
| --- | --- | --- | --- |
| direction | String | Direction to pull the blind when hiding the element, and direction to pull the blind when showing the element. Possible values: up, down, left, right, vertical, horizontal. | "up" |
The container's `overflow: hidden` is applied, and changes to its height affect the element's visibility.
## Example
Use the Blind Effect to toggle a div.
Blind Effect Demo #toggle { width: 100px; height: 100px; background: #ccc; }
YouTip