annotate jquery-ui/development-bundle/docs/accordion.html @ 0:b2e4605f20b2

beta version
author dwinter
date Thu, 30 Jun 2011 09:07:49 +0200
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
2 <ul class="UIAPIPlugin-toc">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
3 <li><a href="#overview">Overview</a></li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
4 <li><a href="#options">Options</a></li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
5 <li><a href="#events">Events</a></li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
6 <li><a href="#methods">Methods</a></li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
7 <li><a href="#theming">Theming</a></li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
8 </ul>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
9 <div class="UIAPIPlugin">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
10 <h1>jQuery UI Accordion</h1>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
11 <div id="overview">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
12 <h2 class="top-header">Overview</h2>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
13 <div id="overview-main">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
14 <p>Make the selected elements Accordion widgets. Semantic requirements:</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
15 <p>The markup of your accordion container needs pairs of headers and content panels:</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
16 <pre>&lt;div id=&quot;accordion&quot;&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
17 &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;First header&lt;/a&gt;&lt;/h3&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
18 &lt;div&gt;First content&lt;/div&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
19 &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Second header&lt;/a&gt;&lt;/h3&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
20 &lt;div&gt;Second content&lt;/div&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
21 &lt;/div&gt;</pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
22 <p>If you use a different element for the header, specify the header-option with an appropriate selector, eg. header: 'a.header'. The content element must be always next to its header.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
23 <p>If you have links inside the accordion content and use a-elements as headers, add a class to them and use that as the header, eg. header: 'a.header'.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
24 <p>Use activate(Number) to change the active content programmatically.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
25 <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/API/1.8/Accordion?section=1" title="Edit section: NOTE: If you want multiple sections open at once, don't use an accordion">edit</a>]</div><a name="NOTE:_If_you_want_multiple_sections_open_at_once.2C_don.27t_use_an_accordion"></a><h4>NOTE: If you want multiple sections open at once, don't use an accordion</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
26 <p>An accordion doesn't allow more than one content panel to be open at the same time, and it takes a lot of effort to do that. If you are looking for a widget that allows more than one content panel to be open, don't use this. Usually it can be written with a few lines of jQuery instead, something like this:</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
27 <pre>jQuery(document).ready(function(){
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
28 $('.accordion .head').click(function() {
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
29 $(this).next().toggle();
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
30 return false;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
31 }).next().hide();
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
32 });</pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
33 <p>Or animated:</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
34 <pre>jQuery(document).ready(function(){
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
35 $('.accordion .head').click(function() {
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
36 $(this).next().toggle('slow');
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
37 return false;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
38 }).next().hide();
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
39 });</pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
40 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
41 <div id="overview-dependencies">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
42 <h3>Dependencies</h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
43 <ul>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
44 <li>UI Core</li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
45 <li>UI Widget</li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
46 <li>UI Effects Core (Optional - only for non-default animations)</li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
47 </ul>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
48 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
49 <div id="overview-example">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
50 <h3>Example</h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
51 <div id="overview-example" class="example">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
52 <ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
53 <p><div id="demo" class="tabs-container" rel="310">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
54 A simple jQuery UI Accordion.<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
55 </p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
56 <pre>$(&quot;#accordion&quot;).accordion();
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
57 </pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
58 <p></div><div id="source" class="tabs-container">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
59 </p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
60 <pre>&lt;!DOCTYPE html&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
61 &lt;html&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
62 &lt;head&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
63 &lt;link href=&quot;http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
64 &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js&quot;&gt;&lt;/script&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
65 &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js&quot;&gt;&lt;/script&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
66
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
67 &lt;script&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
68 $(document).ready(function() {
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
69 $(&quot;#accordion&quot;).accordion();
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
70 });
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
71 &lt;/script&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
72 &lt;/head&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
73 &lt;body style="font-size:62.5%;"&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
74
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
75 &lt;div id=&quot;accordion&quot;&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
76 &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 1&lt;/a&gt;&lt;/h3&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
77 &lt;div&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
78 &lt;p&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
79 Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
80 ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
81 amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
82 odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
83 &lt;/p&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
84 &lt;/div&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
85 &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 2&lt;/a&gt;&lt;/h3&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
86 &lt;div&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
87 &lt;p&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
88 Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
89 purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
90 velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
91 suscipit faucibus urna.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
92 &lt;/p&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
93 &lt;/div&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
94 &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 3&lt;/a&gt;&lt;/h3&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
95 &lt;div&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
96 &lt;p&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
97 Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
98 Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
99 ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
100 lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
101 &lt;/p&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
102 &lt;ul&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
103 &lt;li&gt;List item one&lt;/li&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
104 &lt;li&gt;List item two&lt;/li&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
105 &lt;li&gt;List item three&lt;/li&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
106 &lt;/ul&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
107 &lt;/div&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
108 &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 4&lt;/a&gt;&lt;/h3&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
109 &lt;div&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
110 &lt;p&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
111 Cras dictum. Pellentesque habitant morbi tristique senectus et netus
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
112 et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
113 faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
114 mauris vel est.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
115 &lt;/p&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
116 &lt;p&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
117 Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
118 Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
119 inceptos himenaeos.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
120 &lt;/p&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
121 &lt;/div&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
122 &lt;/div&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
123
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
124 &lt;/body&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
125 &lt;/html&gt;
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
126 </pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
127 <p></div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
128 </p><p></div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
129 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
130 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
131 <div id="options">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
132 <h2 class="top-header">Options</h2>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
133 <ul class="options-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
134
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
135 <li class="option" id="option-disabled">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
136 <div class="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
137 <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
138 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
139 <dt class="option-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
140 <dd class="option-type">Boolean</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
141
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
142 <dt class="option-default-label">Default:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
143 <dd class="option-default">false</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
144
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
145 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
146 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
147 <div class="option-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
148 <p>Disables (true) or enables (false) the accordion. Can be set when initialising (first creating) the accordion.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
149 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
150 <div class="option-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
151 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
152 <dl class="option-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
153
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
154 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
155 Initialize a accordion with the <code>disabled</code> option specified.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
156 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
157 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
158 <pre><code>$( ".selector" ).accordion({ disabled: true });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
159 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
160
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
161
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
162 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
163 Get or set the <code>disabled</code> option, after init.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
164 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
165 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
166 <pre><code>//getter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
167 var disabled = $( ".selector" ).accordion( "option", "disabled" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
168 //setter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
169 $( ".selector" ).accordion( "option", "disabled", true );</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
170 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
171
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
172 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
173 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
174 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
175
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
176
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
177 <li class="option" id="option-active">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
178 <div class="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
179 <h3 class="option-name"><a href="#option-active">active</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
180 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
181 <dt class="option-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
182 <dd class="option-type">Selector, Element, jQuery, Boolean, Number</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
183
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
184 <dt class="option-default-label">Default:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
185 <dd class="option-default">first child</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
186
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
187 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
188 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
189 <div class="option-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
190 <p>Selector for the active element. Set to false to display none at start. Needs <code>collapsible: true</code>.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
191 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
192 <div class="option-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
193 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
194 <dl class="option-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
195
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
196 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
197 Initialize a accordion with the <code>active</code> option specified.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
198 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
199 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
200 <pre><code>$( ".selector" ).accordion({ active: 2 });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
201 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
202
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
203
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
204 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
205 Get or set the <code>active</code> option, after init.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
206 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
207 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
208 <pre><code>//getter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
209 var active = $( ".selector" ).accordion( "option", "active" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
210 //setter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
211 $( ".selector" ).accordion( "option", "active", 2 );</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
212 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
213
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
214 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
215 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
216 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
217
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
218
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
219 <li class="option" id="option-animated">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
220 <div class="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
221 <h3 class="option-name"><a href="#option-animated">animated</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
222 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
223 <dt class="option-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
224 <dd class="option-type">Boolean, String</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
225
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
226 <dt class="option-default-label">Default:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
227 <dd class="option-default">'slide'</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
228
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
229 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
230 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
231 <div class="option-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
232 <p>Choose your favorite animation, or disable them (set to false). In addition to the default, 'bounceslide' and all defined easing methods are supported ('bounceslide' requires UI Effects Core).</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
233 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
234 <div class="option-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
235 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
236 <dl class="option-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
237
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
238 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
239 Initialize a accordion with the <code>animated</code> option specified.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
240 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
241 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
242 <pre><code>$( ".selector" ).accordion({ animated: 'bounceslide' });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
243 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
244
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
245
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
246 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
247 Get or set the <code>animated</code> option, after init.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
248 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
249 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
250 <pre><code>//getter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
251 var animated = $( ".selector" ).accordion( "option", "animated" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
252 //setter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
253 $( ".selector" ).accordion( "option", "animated", 'bounceslide' );</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
254 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
255
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
256 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
257 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
258 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
259
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
260
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
261 <li class="option" id="option-autoHeight">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
262 <div class="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
263 <h3 class="option-name"><a href="#option-autoHeight">autoHeight</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
264 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
265 <dt class="option-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
266 <dd class="option-type">Boolean</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
267
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
268 <dt class="option-default-label">Default:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
269 <dd class="option-default">true</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
270
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
271 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
272 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
273 <div class="option-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
274 <p>If set, the highest content part is used as height reference for all other parts. Provides more consistent animations.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
275 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
276 <div class="option-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
277 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
278 <dl class="option-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
279
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
280 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
281 Initialize a accordion with the <code>autoHeight</code> option specified.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
282 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
283 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
284 <pre><code>$( ".selector" ).accordion({ autoHeight: false });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
285 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
286
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
287
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
288 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
289 Get or set the <code>autoHeight</code> option, after init.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
290 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
291 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
292 <pre><code>//getter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
293 var autoHeight = $( ".selector" ).accordion( "option", "autoHeight" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
294 //setter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
295 $( ".selector" ).accordion( "option", "autoHeight", false );</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
296 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
297
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
298 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
299 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
300 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
301
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
302
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
303 <li class="option" id="option-clearStyle">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
304 <div class="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
305 <h3 class="option-name"><a href="#option-clearStyle">clearStyle</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
306 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
307 <dt class="option-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
308 <dd class="option-type">Boolean</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
309
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
310 <dt class="option-default-label">Default:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
311 <dd class="option-default">false</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
312
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
313 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
314 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
315 <div class="option-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
316 <p>If set, clears height and overflow styles after finishing animations. This enables accordions to work with dynamic content. Won't work together with autoHeight.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
317 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
318 <div class="option-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
319 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
320 <dl class="option-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
321
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
322 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
323 Initialize a accordion with the <code>clearStyle</code> option specified.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
324 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
325 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
326 <pre><code>$( ".selector" ).accordion({ clearStyle: true });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
327 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
328
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
329
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
330 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
331 Get or set the <code>clearStyle</code> option, after init.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
332 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
333 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
334 <pre><code>//getter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
335 var clearStyle = $( ".selector" ).accordion( "option", "clearStyle" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
336 //setter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
337 $( ".selector" ).accordion( "option", "clearStyle", true );</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
338 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
339
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
340 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
341 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
342 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
343
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
344
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
345 <li class="option" id="option-collapsible">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
346 <div class="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
347 <h3 class="option-name"><a href="#option-collapsible">collapsible</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
348 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
349 <dt class="option-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
350 <dd class="option-type">Boolean</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
351
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
352 <dt class="option-default-label">Default:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
353 <dd class="option-default">false</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
354
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
355 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
356 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
357 <div class="option-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
358 <p>Whether all the sections can be closed at once. Allows collapsing the active section by the triggering event (click is the default).</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
359 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
360 <div class="option-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
361 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
362 <dl class="option-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
363
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
364 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
365 Initialize a accordion with the <code>collapsible</code> option specified.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
366 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
367 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
368 <pre><code>$( ".selector" ).accordion({ collapsible: true });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
369 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
370
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
371
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
372 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
373 Get or set the <code>collapsible</code> option, after init.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
374 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
375 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
376 <pre><code>//getter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
377 var collapsible = $( ".selector" ).accordion( "option", "collapsible" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
378 //setter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
379 $( ".selector" ).accordion( "option", "collapsible", true );</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
380 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
381
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
382 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
383 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
384 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
385
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
386
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
387 <li class="option" id="option-event">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
388 <div class="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
389 <h3 class="option-name"><a href="#option-event">event</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
390 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
391 <dt class="option-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
392 <dd class="option-type">String</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
393
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
394 <dt class="option-default-label">Default:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
395 <dd class="option-default">'click'</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
396
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
397 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
398 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
399 <div class="option-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
400 <p>The event on which to trigger the accordion.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
401 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
402 <div class="option-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
403 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
404 <dl class="option-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
405
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
406 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
407 Initialize a accordion with the <code>event</code> option specified.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
408 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
409 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
410 <pre><code>$( ".selector" ).accordion({ event: 'mouseover' });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
411 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
412
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
413
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
414 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
415 Get or set the <code>event</code> option, after init.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
416 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
417 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
418 <pre><code>//getter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
419 var event = $( ".selector" ).accordion( "option", "event" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
420 //setter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
421 $( ".selector" ).accordion( "option", "event", 'mouseover' );</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
422 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
423
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
424 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
425 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
426 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
427
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
428
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
429 <li class="option" id="option-fillSpace">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
430 <div class="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
431 <h3 class="option-name"><a href="#option-fillSpace">fillSpace</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
432 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
433 <dt class="option-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
434 <dd class="option-type">Boolean</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
435
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
436 <dt class="option-default-label">Default:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
437 <dd class="option-default">false</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
438
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
439 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
440 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
441 <div class="option-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
442 <p>If set, the accordion completely fills the height of the parent element. Overrides autoheight.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
443 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
444 <div class="option-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
445 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
446 <dl class="option-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
447
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
448 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
449 Initialize a accordion with the <code>fillSpace</code> option specified.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
450 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
451 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
452 <pre><code>$( ".selector" ).accordion({ fillSpace: true });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
453 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
454
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
455
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
456 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
457 Get or set the <code>fillSpace</code> option, after init.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
458 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
459 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
460 <pre><code>//getter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
461 var fillSpace = $( ".selector" ).accordion( "option", "fillSpace" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
462 //setter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
463 $( ".selector" ).accordion( "option", "fillSpace", true );</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
464 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
465
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
466 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
467 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
468 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
469
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
470
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
471 <li class="option" id="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
472 <div class="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
473 <h3 class="option-name"><a href="#option-header">header</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
474 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
475 <dt class="option-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
476 <dd class="option-type">Selector, jQuery</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
477
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
478 <dt class="option-default-label">Default:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
479 <dd class="option-default">'&gt; li &gt;&nbsp;:first-child,&gt;&nbsp;:not(li):even'</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
480
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
481 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
482 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
483 <div class="option-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
484 <p>Selector for the header element.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
485 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
486 <div class="option-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
487 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
488 <dl class="option-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
489
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
490 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
491 Initialize a accordion with the <code>header</code> option specified.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
492 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
493 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
494 <pre><code>$( ".selector" ).accordion({ header: 'h3' });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
495 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
496
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
497
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
498 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
499 Get or set the <code>header</code> option, after init.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
500 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
501 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
502 <pre><code>//getter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
503 var header = $( ".selector" ).accordion( "option", "header" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
504 //setter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
505 $( ".selector" ).accordion( "option", "header", 'h3' );</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
506 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
507
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
508 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
509 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
510 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
511
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
512
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
513 <li class="option" id="option-icons">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
514 <div class="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
515 <h3 class="option-name"><a href="#option-icons">icons</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
516 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
517 <dt class="option-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
518 <dd class="option-type">Object</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
519
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
520 <dt class="option-default-label">Default:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
521 <dd class="option-default">{ 'header': 'ui-icon-triangle-1-e', 'headerSelected': 'ui-icon-triangle-1-s' }</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
522
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
523 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
524 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
525 <div class="option-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
526 <p>Icons to use for headers. Icons may be specified for 'header' and 'headerSelected', and we recommend using the icons native to the jQuery UI CSS Framework manipulated by <a href="http://www.themeroller.com" class="external text" title="http://www.themeroller.com">jQuery UI ThemeRoller</a></p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
527 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
528 <div class="option-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
529 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
530 <dl class="option-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
531
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
532 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
533 Initialize a accordion with the <code>icons</code> option specified.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
534 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
535 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
536 <pre><code>$( ".selector" ).accordion({ icons: { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' } });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
537 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
538
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
539
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
540 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
541 Get or set the <code>icons</code> option, after init.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
542 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
543 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
544 <pre><code>//getter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
545 var icons = $( ".selector" ).accordion( "option", "icons" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
546 //setter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
547 $( ".selector" ).accordion( "option", "icons", { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' } );</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
548 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
549
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
550 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
551 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
552 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
553
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
554
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
555 <li class="option" id="option-navigation">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
556 <div class="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
557 <h3 class="option-name"><a href="#option-navigation">navigation</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
558 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
559 <dt class="option-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
560 <dd class="option-type">Boolean</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
561
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
562 <dt class="option-default-label">Default:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
563 <dd class="option-default">false</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
564
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
565 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
566 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
567 <div class="option-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
568 <p>If set, looks for the anchor that matches location.href and activates it. Great for href-based state-saving. Use navigationFilter to implement your own matcher.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
569 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
570 <div class="option-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
571 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
572 <dl class="option-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
573
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
574 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
575 Initialize a accordion with the <code>navigation</code> option specified.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
576 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
577 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
578 <pre><code>$( ".selector" ).accordion({ navigation: true });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
579 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
580
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
581
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
582 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
583 Get or set the <code>navigation</code> option, after init.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
584 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
585 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
586 <pre><code>//getter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
587 var navigation = $( ".selector" ).accordion( "option", "navigation" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
588 //setter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
589 $( ".selector" ).accordion( "option", "navigation", true );</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
590 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
591
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
592 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
593 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
594 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
595
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
596
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
597 <li class="option" id="option-navigationFilter">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
598 <div class="option-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
599 <h3 class="option-name"><a href="#option-navigationFilter">navigationFilter</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
600 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
601 <dt class="option-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
602 <dd class="option-type">Function</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
603
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
604 <dt class="option-default-label">Default:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
605 <dd class="option-default"> </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
606
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
607 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
608 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
609 <div class="option-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
610 <p>Overwrite the default location.href-matching with your own matcher.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
611 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
612 <div class="option-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
613 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
614 <dl class="option-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
615
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
616 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
617 Initialize a accordion with the <code>navigationFilter</code> option specified.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
618 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
619 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
620 <pre><code>$( ".selector" ).accordion({ navigationFilter: function(){ ... } });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
621 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
622
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
623
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
624 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
625 Get or set the <code>navigationFilter</code> option, after init.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
626 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
627 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
628 <pre><code>//getter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
629 var navigationFilter = $( ".selector" ).accordion( "option", "navigationFilter" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
630 //setter
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
631 $( ".selector" ).accordion( "option", "navigationFilter", function(){ ... } );</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
632 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
633
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
634 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
635 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
636 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
637
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
638 </ul>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
639 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
640 <div id="events">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
641 <h2 class="top-header">Events</h2>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
642 <ul class="events-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
643
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
644 <li class="event" id="event-create">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
645 <div class="event-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
646 <h3 class="event-name"><a href="#event-create">create</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
647 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
648 <dt class="event-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
649 <dd class="event-type">accordioncreate</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
650 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
651 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
652 <div class="event-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
653 <p>This event is triggered when accordion is created.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
654 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
655 <div class="event-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
656 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
657 <dl class="event-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
658
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
659 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
660 Supply a callback function to handle the <code>create</code> event as an init option.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
661 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
662 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
663 <pre><code>$( &quot;.selector&quot; ).accordion({
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
664 create: function(event, ui) { ... }
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
665 });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
666 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
667
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
668
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
669 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
670 Bind to the <code>create</code> event by type: <code>accordioncreate</code>.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
671 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
672 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
673 <pre><code>$( &quot;.selector&quot; ).bind( &quot;accordioncreate&quot;, function(event, ui) {
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
674 ...
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
675 });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
676 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
677
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
678 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
679 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
680 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
681
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
682
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
683 <li class="event" id="event-change">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
684 <div class="event-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
685 <h3 class="event-name"><a href="#event-change">change</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
686 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
687 <dt class="event-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
688 <dd class="event-type">accordionchange</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
689 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
690 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
691 <div class="event-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
692 <p>This event is triggered every time the accordion changes. If the accordion is animated, the event will be triggered upon completion of the animation; otherwise, it is triggered immediately.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
693 </p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
694 <pre>$('.ui-accordion').bind('accordionchange', function(event, ui) {
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
695 ui.newHeader // jQuery object, activated header
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
696 ui.oldHeader // jQuery object, previous header
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
697 ui.newContent // jQuery object, activated content
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
698 ui.oldContent // jQuery object, previous content
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
699 });</pre></p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
700 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
701 <div class="event-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
702 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
703 <dl class="event-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
704
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
705 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
706 Supply a callback function to handle the <code>change</code> event as an init option.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
707 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
708 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
709 <pre><code>$( &quot;.selector&quot; ).accordion({
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
710 change: function(event, ui) { ... }
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
711 });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
712 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
713
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
714
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
715 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
716 Bind to the <code>change</code> event by type: <code>accordionchange</code>.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
717 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
718 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
719 <pre><code>$( &quot;.selector&quot; ).bind( &quot;accordionchange&quot;, function(event, ui) {
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
720 ...
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
721 });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
722 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
723
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
724 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
725 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
726 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
727
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
728 <p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
729 <li class="event" id="event-changestart">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
730 <div class="event-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
731 <h3 class="event-name"><a href="#event-changestart">changestart</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
732 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
733 <dt class="event-type-label">Type:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
734 <dd class="event-type">accordionchangestart</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
735 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
736 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
737 <div class="event-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
738 <p>This event is triggered every time the accordion starts to change.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
739 </p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
740 <pre>$('.ui-accordion').bind('accordionchangestart', function(event, ui) {
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
741 ui.newHeader // jQuery object, activated header
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
742 ui.oldHeader // jQuery object, previous header
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
743 ui.newContent // jQuery object, activated content
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
744 ui.oldContent // jQuery object, previous content
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
745 });</pre></p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
746 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
747 <div class="event-examples">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
748 <h4>Code examples</h4>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
749 <dl class="event-examples-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
750
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
751 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
752 Supply a callback function to handle the <code>changestart</code> event as an init option.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
753 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
754 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
755 <pre><code>$( &quot;.selector&quot; ).accordion({
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
756 changestart: function(event, ui) { ... }
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
757 });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
758 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
759
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
760
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
761 <dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
762 Bind to the <code>changestart</code> event by type: <code>accordionchangestart</code>.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
763 </dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
764 <dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
765 <pre><code>$( &quot;.selector&quot; ).bind( &quot;accordionchangestart&quot;, function(event, ui) {
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
766 ...
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
767 });</code></pre>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
768 </dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
769
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
770 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
771 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
772 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
773
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
774 </ul>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
775 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
776 <div id="methods">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
777 <h2 class="top-header">Methods</h2>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
778 <ul class="methods-list">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
779
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
780 <li class="method" id="method-destroy">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
781 <div class="method-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
782 <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
783 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
784 <dt class="method-signature-label">Signature:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
785 <dd class="method-signature">.accordion( "destroy"
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
786
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
787
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
788
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
789
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
790
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
791
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
792
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
793 )</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
794 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
795 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
796 <div class="method-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
797 <p>Remove the accordion functionality completely. This will return the element back to its pre-init state.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
798 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
799 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
800
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
801 <p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
802 <li class="method" id="method-disable">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
803 <div class="method-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
804 <h3 class="method-name"><a href="#method-disable">disable</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
805 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
806 <dt class="method-signature-label">Signature:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
807 <dd class="method-signature">.accordion( "disable"
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
808
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
809
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
810
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
811
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
812
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
813
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
814
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
815 )</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
816 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
817 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
818 <div class="method-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
819 <p>Disable the accordion.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
820 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
821 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
822
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
823
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
824 <li class="method" id="method-enable">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
825 <div class="method-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
826 <h3 class="method-name"><a href="#method-enable">enable</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
827 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
828 <dt class="method-signature-label">Signature:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
829 <dd class="method-signature">.accordion( "enable"
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
830
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
831
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
832
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
833
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
834
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
835
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
836
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
837 )</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
838 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
839 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
840 <div class="method-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
841 <p>Enable the accordion.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
842 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
843 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
844
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
845
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
846 <li class="method" id="method-option">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
847 <div class="method-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
848 <h3 class="method-name"><a href="#method-option">option</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
849 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
850 <dt class="method-signature-label">Signature:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
851 <dd class="method-signature">.accordion( "option"
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
852
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
853 , optionName
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
854
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
855 , <span class="optional">[</span>value<span class="optional">] </span>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
856
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
857
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
858
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
859 )</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
860 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
861 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
862 <div class="method-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
863 <p>Get or set any accordion option. If no value is specified, will act as a getter.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
864 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
865 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
866
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
867
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
868 <li class="method" id="method-option">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
869 <div class="method-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
870 <h3 class="method-name"><a href="#method-option">option</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
871 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
872 <dt class="method-signature-label">Signature:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
873 <dd class="method-signature">.accordion( "option"
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
874
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
875 , options
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
876
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
877
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
878
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
879
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
880
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
881 )</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
882 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
883 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
884 <div class="method-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
885 <p>Set multiple accordion options at once by providing an options object.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
886 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
887 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
888
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
889
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
890 <li class="method" id="method-widget">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
891 <div class="method-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
892 <h3 class="method-name"><a href="#method-widget">widget</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
893 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
894 <dt class="method-signature-label">Signature:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
895 <dd class="method-signature">.accordion( "widget"
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
896
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
897
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
898
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
899
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
900
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
901
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
902
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
903 )</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
904 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
905 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
906 <div class="method-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
907 <p>Returns the .ui-accordion element.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
908 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
909 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
910
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
911
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
912 <li class="method" id="method-activate">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
913 <div class="method-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
914 <h3 class="method-name"><a href="#method-activate">activate</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
915 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
916 <dt class="method-signature-label">Signature:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
917 <dd class="method-signature">.accordion( "activate"
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
918
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
919 , index
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
920
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
921
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
922
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
923
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
924
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
925 )</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
926 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
927 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
928 <div class="method-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
929 <p>Activate a content part of the Accordion programmatically. The index can be a zero-indexed number to match the position of the header to close or a Selector matching an element. Pass <code>false</code> to close all (only possible with <code>collapsible:true</code>).</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
930 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
931 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
932
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
933
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
934 <li class="method" id="method-resize">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
935 <div class="method-header">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
936 <h3 class="method-name"><a href="#method-resize">resize</a></h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
937 <dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
938 <dt class="method-signature-label">Signature:</dt>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
939 <dd class="method-signature">.accordion( "resize"
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
940
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
941
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
942
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
943
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
944
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
945
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
946
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
947 )</dd>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
948 </dl>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
949 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
950 <div class="method-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
951 <p>Recompute heights of the accordion contents when using the fillSpace option and the container height changed. For example, when the container is a resizable, this method should be called by its resize-event.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
952 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
953 </li>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
954
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
955 </ul>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
956 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
957 <div id="theming">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
958 <h2 class="top-header">Theming</h2>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
959 <p>The jQuery UI Accordion plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
960 </p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
961 <p>If a deeper level of customization is needed, there are widget-specific classes referenced within the jquery.ui.accordion.css stylesheet that can be modified. These classes are highlighed in bold below.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
962 </p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
963
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
964 <h3>Sample markup with jQuery UI CSS Framework classes</h3>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
965 &lt;div class="<strong>ui-accordion</strong> ui-widget ui-helper-reset"&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
966 &nbsp;&nbsp;&lt;h3 class="<strong>ui-accordion-header</strong> ui-helper-reset ui-state-active ui-corner-top"&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
967 &nbsp;&nbsp;&nbsp;&nbsp;&lt;span class="ui-icon ui-icon-triangle-1-s"/&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
968 &nbsp;&nbsp;&nbsp;&nbsp;&lt;a href="#"&gt;Section 1&lt;/a&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
969 &nbsp;&nbsp;&lt;/h3&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
970 &nbsp;&nbsp;&lt;div class="<strong>ui-accordion-content</strong> ui-helper-reset ui-widget-content ui-corner-bottom <strong>ui-accordion-content-active</strong>"&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
971 &nbsp;&nbsp;&nbsp;&nbsp;Section 1 content<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
972 &nbsp;&nbsp;&lt;/div&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
973 &nbsp;&nbsp;&lt;h3 class="<strong>ui-accordion-header</strong> ui-helper-reset ui-state-default ui-corner-all"&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
974 &nbsp;&nbsp;&nbsp;&nbsp;&lt;span class="ui-icon ui-icon-triangle-1-e"/&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
975 &nbsp;&nbsp;&nbsp;&nbsp;&lt;a href="#"&gt;Section 2&lt;/a&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
976 &nbsp;&nbsp;&lt;/h3&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
977 &nbsp;&nbsp;&lt;div class="<strong>ui-accordion-content</strong> ui-helper-reset ui-widget-content ui-corner-bottom"&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
978 &nbsp;&nbsp;&nbsp;&nbsp;Section 2 content<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
979 &nbsp;&nbsp;&lt;/div&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
980 &nbsp;&nbsp;&lt;h3 class="<strong>ui-accordion-header</strong> ui-helper-reset ui-state-default ui-corner-all"&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
981 &nbsp;&nbsp;&nbsp;&nbsp;&lt;span class="ui-icon ui-icon-triangle-1-e"/&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
982 &nbsp;&nbsp;&nbsp;&nbsp;&lt;a href="#"&gt;Section 3&lt;/a&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
983 &nbsp;&nbsp;&lt;/h3&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
984 &nbsp;&nbsp;&lt;div class="<strong>ui-accordion-content</strong> ui-helper-reset ui-widget-content ui-corner-bottom"&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
985 &nbsp;&nbsp;&nbsp;&nbsp;Section 3 content<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
986 &nbsp;&nbsp;&lt;/div&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
987 &lt;/div&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
988 <p class="theme-note">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
989 <strong>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
990 Note: This is a sample of markup generated by the accordion plugin, not markup you should use to create a accordion. The only markup needed for that is <br />&lt;div&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
991 &#160;&#160;&#160;&lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 1&lt;/a&gt;&lt;/h3&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
992 &#160;&#160;&#160;&lt;div&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
993 &#160;&#160;&#160;&#160;&#160;&#160;Section 1 content<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
994 &#160;&#160;&#160;&lt;/div&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
995 &#160;&#160;&#160;&lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 2&lt;/a&gt;&lt;/h3&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
996 &#160;&#160;&#160;&lt;div&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
997 &#160;&#160;&#160;&#160;&#160;&#160;Section 2 content<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
998 &#160;&#160;&#160;&lt;/div&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
999 &#160;&#160;&#160;&lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 3&lt;/a&gt;&lt;/h3&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1000 &#160;&#160;&#160;&lt;div&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1001 &#160;&#160;&#160;&#160;&#160;&#160;Section 3 content<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1002 &#160;&#160;&#160;&lt;/div&gt;<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1003 &lt;/div&gt;.
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1004 </strong>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1005 </p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1006
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1007 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1008 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1009
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1010 </p><!--
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1011 Pre-expand include size: 38033 bytes
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1012 Post-expand include size: 63819 bytes
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1013 Template argument size: 35523 bytes
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1014 Maximum: 2097152 bytes
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1015 -->
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1016
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1017 <!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3773-1!1!0!!en!2 and timestamp 20110315194429 -->