Skip to content
This repository
Fetching contributors…

Cannot retrieve contributors at this time

file 39 lines (39 sloc) 1.17 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
<?xml version="1.0"?>
<entry name="blind" type="effect">
<title>Blind Effect</title>
<desc>
The blind effect hides or shows an element by wrapping the element in a container, and "pulling the blinds"
</desc>
<longdesc>
<p>The container has <code>overflow: hidden</code> applied, so height changes affect what's visible.</p>
</longdesc>
<arguments>
<argument name="direction" type="String" default='"up"'>
<desc>
<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>
</argument>
</arguments>
<example>
<height>200</height>
<desc>Toggle a div using the blind effect.</desc>
<css><![CDATA[
#toggle {
width: 100px;
height: 100px;
background: #ccc;
}
]]></css>
<code><![CDATA[
$( document ).click(function() {
$( "#toggle" ).toggle( "blind" );
});
]]></code>
<html><![CDATA[
<p>Click anywhere to toggle the box.</p>
<div id="toggle"></div>
]]></html>
</example>
<category slug="effects"/>
</entry>
Something went wrong with that request. Please try again.