YouTipClick anywhere to toggle.
$( document ).click(function() { $( "#toggle" ).toggle( "drop" );}); (#)Api Drop Effect
# jQuery UI API - Drop Effect
## Category
(#)
## Usage
**Description:** The Drop Effect hides or shows an element by sliding it in a single direction while fading.
drop
| Parameter | Type | Description | Default |
| --- | --- | --- | --- |
| direction | String | The direction the element drops when hiding and appears when showing. Possible values: up, down, left, right. | "left" |
## Example
Toggle a div using the Drop Effect.
Drop Effect Demo #toggle { width: 100px; height: 100px; background: #ccc; }