Fetching contributors…
Cannot retrieve contributors at this time
40 lines (39 sloc) 1.14 KB
<?xml version="1.0"?>
<entry name="blind" type="effect">
<title>Blind Effect</title>
The blind effect hides or shows an element by wrapping the element in a container, and "pulling the blinds"
<p>The container has <code>overflow: hidden</code> applied, so height changes affect what's visible.</p>
<argument name="direction" type="String" default='"up"'>
<p>The direction the blind will be pulled to hide the element, or the direction from which the element will be revealed.</p>
<p>Possible Values: <code>up</code>, <code>down</code>, <code>left</code>, <code>right</code>, <code>vertical</code>, <code>horizontal</code>.</p>
<desc>Toggle a div using the blind effect.</desc>
#toggle {
width: 100px;
height: 100px;
background: #ccc;
$( document ).click(function() {
$( "#toggle" ).toggle( "blind" );
<p>Click anywhere to toggle the box.</p>
<div id="toggle"></div>
<category slug="effects"/>