Fetching contributors…
Cannot retrieve contributors at this time
43 lines (42 sloc) 1.07 KB
<?xml version="1.0"?>
<entry name="fold" type="effect">
<title>Fold Effect</title>
The fold effect hides or shows an element by folding it.
<argument name="size" default="15">
<desc>The size of the "folded" element.</desc>
<type name="Number">
<desc>The size of the fold in pixels.</desc>
<type name="String">
<desc>A percentage of the element's dimension, e.g., <code>"50%"</code>.</desc>
<argument name="horizFirst" type="Boolean" default="false">
<desc>Whether the horizontal direction happens first when hiding. Remember, showing inverts hiding.</desc>
<desc>Toggle a div using the fold effect.</desc>
#toggle {
width: 100px;
height: 100px;
background: #ccc;
$( document ).click(function() {
$( "#toggle" ).toggle( "fold" );
<p>Click anywhere to toggle the box.</p>
<div id="toggle"></div>
<category slug="effects"/>