Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 55 lines (54 sloc) 1.705 kb
f1b270b @rdworth Initial import from jquery-docs repo. New home :)
rdworth authored
1 <?xml version="1.0"?>
18863d4 @scottgonzalez Removed unused @namespace and @widgetnamespace.
scottgonzalez authored
2 <entry name="fold" type="effect">
12f32df @scottgonzalez Added <title> for page titles.
scottgonzalez authored
3 <title>Fold Effect</title>
f1b270b @rdworth Initial import from jquery-docs repo. New home :)
rdworth authored
4 <desc>
5 The fold effect hides or shows an element by folding it.
6 </desc>
7 <options>
8 <option name="mode" type="String" default='"hide"'>
9 <desc>
10 <p>UI Effect Mode</p>
11 <p>Possible Values: </p>
12 <dl>
13 <dt>hide</dt>
14 <dd>Hides the element.</dd>
15 <dt>show</dt>
16 <dd>Shows the element.</dd>
17 <dt>toggle</dt>
18 <dd>Will use <code>hide</code> or <code>show</code> depending on the current visibility of the element</dd>
19 </dl>
20 </desc>
21 </option>
22 <option name="duration" type="Number" default="400">
23 <desc>The number of ms the animation will run for</desc>
24 </option>
25 <option name="easing" type="String" default='"swing"'>
26 <desc>The easing function to use</desc>
27 </option>
28 <option name="complete" type="function">
29 <desc>A callback function, executed when the effect completes</desc>
30 </option>
31 <option name="size" type="Number|String" default="15">
32 <desc>The size of the "folded" element, can be a number representing px, or a string containing a percentage I.E. "50%"</desc>
33 </option>
34 <option name="horizFirst" type="Boolean" default="false">
35 <desc>If the horizontal direction happens first when hiding. Remember, showing inverts hiding.</desc>
36 </option>
37 </options>
d29d212 @jzaefferer Fix examples/demos. Will fix #24, pending a change to web-base-template
jzaefferer authored
38 <example>
39 <desc>Fold toggle</desc>
40 <css><![CDATA[
41 #toggle { width: 100px; height: 70px; background: silver; }
42 ]]></css>
43 <code><![CDATA[
44 $( document ).click(function() {
45 $( "#toggle" ).toggle( { effect: "fold" } );
46 });
47 ]]></code>
48 <html><![CDATA[
49 Click anywhere to toggle the silver box.
50 <div id="toggle"></div>
51 ]]></html>
52 </example>
80ecaf4 @rdworth Fixed entries2html based on the one in api.jquery.com to put the script ...
rdworth authored
53 <category slug="effects"/>
f1b270b @rdworth Initial import from jquery-docs repo. New home :)
rdworth authored
54 </entry>
Something went wrong with that request. Please try again.