YouTip LogoYouTip

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; }

Click anywhere to toggle.

$( document ).click(function() { $( "#toggle" ).toggle( "blind" );}); (#)
← Api Bounce EffectApi Addclass β†’