YouTip

#toggle { width: 100px; height: 100px; background: #ccc; }

Click anywhere to toggle.

$(document).click(function() { $("#toggle").toggle("clip"); }); # jQuery UI API – Clip Effect ## Category (#) ## Usage **Description:** The Clip Effect hides or shows an element by clipping it vertically or horizontally. clip | Parameter | Type | Description | Default | | --- | --- | --- | --- | | direction | String | The direction to clip the element for hiding or showing. `vertical` clips the top and bottom edges, `horizontal` clips the left and right edges. | "vertical" | ## Example Use the Clip Effect to toggle a div. #toggle { width: 100px; height: 100px; background: #ccc; }

Click anywhere to toggle.

$(document).click(function() { $("#toggle").toggle("clip"); }); (#)