r2652 - tags/1.7.2: added/updated files from zip http://jquery-ui.googlecode.com/files/jquery-ui-...

r2652 - tags/1.7.2: added/updated files from zip http://jquery-ui.googlecode.com/files/jquery-ui-...


Author: rdworth
Date: Thu Jun 4 04:54:54 2009
New Revision: 2652
Added:
tags/1.7.2/docs/
tags/1.7.2/docs/accordion.html (contents, props changed)
tags/1.7.2/docs/addClass.html (contents, props changed)
tags/1.7.2/docs/animate.html (contents, props changed)
tags/1.7.2/docs/datepicker.html (contents, props changed)
tags/1.7.2/docs/dialog.html (contents, props changed)
tags/1.7.2/docs/draggable.html (contents, props changed)
tags/1.7.2/docs/droppable.html (contents, props changed)
tags/1.7.2/docs/effect.html (contents, props changed)
tags/1.7.2/docs/hide.html (contents, props changed)
tags/1.7.2/docs/progressbar.html (contents, props changed)
tags/1.7.2/docs/removeClass.html (contents, props changed)
tags/1.7.2/docs/resizable.html (contents, props changed)
tags/1.7.2/docs/selectable.html (contents, props changed)
tags/1.7.2/docs/show.html (contents, props changed)
tags/1.7.2/docs/slider.html (contents, props changed)
tags/1.7.2/docs/sortable.html (contents, props changed)
tags/1.7.2/docs/switchClass.html (contents, props changed)
tags/1.7.2/docs/tabs.html (contents, props changed)
tags/1.7.2/docs/toggle.html (contents, props changed)
tags/1.7.2/docs/toggleClass.html (contents, props changed)
tags/1.7.2/themes/base/jquery-ui.css
tags/1.7.2/ui/i18n/jquery-ui-i18n.js (contents, props changed)
tags/1.7.2/ui/jquery-ui.js (contents, props changed)
tags/1.7.2/ui/minified/
tags/1.7.2/ui/minified/effects.blind.min.js (contents, props changed)
tags/1.7.2/ui/minified/effects.bounce.min.js (contents, props changed)
tags/1.7.2/ui/minified/effects.clip.min.js (contents, props changed)
tags/1.7.2/ui/minified/effects.core.min.js (contents, props changed)
tags/1.7.2/ui/minified/effects.drop.min.js (contents, props changed)
tags/1.7.2/ui/minified/effects.explode.min.js (contents, props changed)
tags/1.7.2/ui/minified/effects.fold.min.js (contents, props changed)
tags/1.7.2/ui/minified/effects.highlight.min.js (contents, props
changed)
tags/1.7.2/ui/minified/effects.pulsate.min.js (contents, props changed)
tags/1.7.2/ui/minified/effects.scale.min.js (contents, props changed)
tags/1.7.2/ui/minified/effects.shake.min.js (contents, props changed)
tags/1.7.2/ui/minified/effects.slide.min.js (contents, props changed)
tags/1.7.2/ui/minified/effects.transfer.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/
tags/1.7.2/ui/minified/i18n/jquery-ui-i18n.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-ar.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-bg.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-ca.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-cs.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-da.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-de.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-el.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-eo.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-es.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-fa.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-fi.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-fr.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-he.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-hr.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-hu.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-hy.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-id.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-is.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-it.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-ja.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-ko.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-lt.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-lv.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-ms.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-nl.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-no.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-pl.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-pt-BR.min.js (contents,
props changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-ro.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-ru.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-sk.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-sl.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-sq.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-sr-SR.min.js (contents,
props changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-sr.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-sv.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-th.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-tr.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-uk.min.js (contents, props
changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-zh-CN.min.js (contents,
props changed)
tags/1.7.2/ui/minified/i18n/ui.datepicker-zh-TW.min.js (contents,
props changed)
tags/1.7.2/ui/minified/jquery-ui.min.js (contents, props changed)
tags/1.7.2/ui/minified/ui.accordion.min.js (contents, props changed)
tags/1.7.2/ui/minified/ui.core.min.js (contents, props changed)
tags/1.7.2/ui/minified/ui.datepicker.min.js (contents, props changed)
tags/1.7.2/ui/minified/ui.dialog.min.js (contents, props changed)
tags/1.7.2/ui/minified/ui.draggable.min.js (contents, props changed)
tags/1.7.2/ui/minified/ui.droppable.min.js (contents, props changed)
tags/1.7.2/ui/minified/ui.progressbar.min.js (contents, props changed)
tags/1.7.2/ui/minified/ui.resizable.min.js (contents, props changed)
tags/1.7.2/ui/minified/ui.selectable.min.js (contents, props changed)
tags/1.7.2/ui/minified/ui.slider.min.js (contents, props changed)
tags/1.7.2/ui/minified/ui.sortable.min.js (contents, props changed)
tags/1.7.2/ui/minified/ui.tabs.min.js (contents, props changed)
Modified:
tags/1.7.2/ (props changed)
tags/1.7.2/ui/effects.blind.js
tags/1.7.2/ui/effects.bounce.js
tags/1.7.2/ui/effects.clip.js
tags/1.7.2/ui/effects.core.js
tags/1.7.2/ui/effects.drop.js
tags/1.7.2/ui/effects.explode.js
tags/1.7.2/ui/effects.fold.js
tags/1.7.2/ui/effects.highlight.js
tags/1.7.2/ui/effects.pulsate.js
tags/1.7.2/ui/effects.scale.js
tags/1.7.2/ui/effects.shake.js
tags/1.7.2/ui/effects.slide.js
tags/1.7.2/ui/effects.transfer.js
tags/1.7.2/ui/i18n/ui.datepicker-sr-SR.js (contents, props changed)
tags/1.7.2/ui/i18n/ui.datepicker-sr.js (contents, props changed)
tags/1.7.2/ui/ui.accordion.js
tags/1.7.2/ui/ui.core.js
tags/1.7.2/ui/ui.datepicker.js
tags/1.7.2/ui/ui.dialog.js
tags/1.7.2/ui/ui.draggable.js
tags/1.7.2/ui/ui.droppable.js
tags/1.7.2/ui/ui.progressbar.js
tags/1.7.2/ui/ui.resizable.js
tags/1.7.2/ui/ui.selectable.js
tags/1.7.2/ui/ui.slider.js
tags/1.7.2/ui/ui.sortable.js
tags/1.7.2/ui/ui.tabs.js
Log:
tags/1.7.2: added/updated files from zip
http://jquery-ui.googlecode.com/files/jquery-ui-1.7.2.zip
Added: tags/1.7.2/docs/accordion.html
==============================================================================
--- (empty file)
+++ tags/1.7.2/docs/accordion.html    Thu Jun 4 04:54:54 2009
@@ -0,0 +1,869 @@
+
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Accordion</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+

Make the selected elements Accordion widgets. Semantic
requirements:


+

The markup of your accordion container needs pairs of headers and
content panels. By default, the header elements are anchors, assuming the
following structure:


+<pre>&lt;div id=&quot;accordion&quot;&gt;
+ &lt;a href=&quot;#&quot;&gt;First header&lt;/a&gt;
+ &lt;div&gt;First content&lt;/div&gt;
+ &lt;a href=&quot;#&quot;&gt;Second header&lt;/a&gt;
+ &lt;div&gt;Second content&lt;/div&gt;
+&lt;/div&gt;</pre>
+

If you use a different element for the header, specify the
header-option with an appropriate selector, eg. header: 'h3'. The content
element must be always next to its header.


+

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'.


+

Use activate(Number) to change the active content programmatically.


+<div class="editsection" style="float:right;margin-left:5px;">[<a
href="http://docs.jquery.com/action/edit/UI/API/1.7.2/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>
+

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:




+<pre>jQuery(document).ready(function(){
+    $('.accordion .head').click(function() {
+        $(this).next().toggle();
+        return false;
+    }).next().hide();
+});</pre>
+

Or animated:


+<pre>jQuery(document).ready(function(){
+    $('.accordion .head').click(function() {
+        $(this).next().toggle('slow');
+        return false;
+    }).next().hide();
+});</pre>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Effects Core (Optional - only for non-default animations)</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+

<div id="demo" class="tabs-container" rel="310">
+A simple jQuery UI Accordion.<br />
+


+<pre>$(&quot;#accordion&quot;).accordion();
+</pre>
+

</div><div id="source" class="tabs-container">
+


+<pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+ &lt;link type=&quot;text/css&quot;
href=&quot;http://jqueryui.com/latest/themes/base/ui.all.css&quot;
rel=&quot;stylesheet&quot; /&gt;
+ &lt;script type=&quot;text/javascript&quot;
src=&quot;http://jqueryui.com/latest/jquery-1.3.2.js&quot;&gt;&lt;/script&gt;
+ &lt;script type=&quot;text/javascript&quot;
src=&quot;http://jqueryui.com/latest/ui/ui.core.js&quot;&gt;&lt;/script&gt;
+ &lt;script type=&quot;text/javascript&quot;
src=&quot;http://jqueryui.com/latest/ui/ui.accordion.js&quot;&gt;&lt;/script&gt;
+ &lt;script type="text/javascript"&gt;
+ $(document).ready(function(){
+ $(&quot;#accordion&quot;).accordion();
+ });
+ &lt;/script&gt;
+&lt;/head&gt;
+&lt;body style="font-size:62.5%;"&gt;
+
+&lt;div id=&quot;accordion&quot;&gt;
+    &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 1&lt;/a&gt;&lt;/h3&gt;
+    &lt;div&gt;
+        &lt;p&gt;
+        Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
+        ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
+        amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
+        odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque
vulputate.
+        &lt;/p&gt;
+    &lt;/div&gt;
+    &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 2&lt;/a&gt;&lt;/h3&gt;
+    &lt;div&gt;
+        &lt;p&gt;
+        Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
+        purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis
porttitor
+        velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
+        suscipit faucibus urna.
+        &lt;/p&gt;
+    &lt;/div&gt;
+    &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 3&lt;/a&gt;&lt;/h3&gt;
+    &lt;div&gt;
+        &lt;p&gt;
+        Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque
lobortis.
+        Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac
libero
+        ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
+        lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis
dui.
+        &lt;/p&gt;
+        &lt;ul&gt;
+            &lt;li&gt;List item one&lt;/li&gt;
+            &lt;li&gt;List item two&lt;/li&gt;
+            &lt;li&gt;List item three&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+    &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 4&lt;/a&gt;&lt;/h3&gt;
+    &lt;div&gt;
+        &lt;p&gt;
+        Cras dictum. Pellentesque habitant morbi tristique senectus et netus
+        et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
+        faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
+        mauris vel est.
+        &lt;/p&gt;
+        &lt;p&gt;
+        Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat
lectus.
+        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
+        inceptos himenaeos.
+        &lt;/p&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+

</div>
+

</div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-active">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-active">active</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector, Element, jQuery, Boolean,
Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">first child</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+

Selector for the active element. Set to false to display none at
start. Needs <code>collapsible: true</code>.


+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>active</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ active: 2 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>active</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var active = $('.selector').accordion('option', 'active');
+//setter
+$('.selector').accordion('option', 'active', 2);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-animated">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-animated">animated</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean, String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">'slide'</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+

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).


+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>animated</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ animated: 'bounceslide'
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>animated</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var animated = $('.selector').accordion('option', 'animated');
+//setter
+$('.selector').accordion('option', 'animated', 'bounceslide');</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-autoHeight">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-autoHeight">autoHeight</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">true</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+

If set, the highest content part is used as height reference for
all other parts. Provides more consistent animations.


+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>autoHeight</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ autoHeight: false });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>autoHeight</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var autoHeight = $('.selector').accordion('option', 'autoHeight');
+//setter
+$('.selector').accordion('option', 'autoHeight', false);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-clearStyle">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-clearStyle">clearStyle</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+

If set, clears height and overflow styles after finishing
animations. This enables accordions to work with dynamic content. Won't
work together with autoHeight.


+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>clearStyle</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ clearStyle: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>clearStyle</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var clearStyle = $('.selector').accordion('option', 'clearStyle');
+//setter
+$('.selector').accordion('option', 'clearStyle', true);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-collapsible">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-collapsible">collapsible</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+

Whether all the sections can be closed at once. Allows collapsing
the active section by the triggering event (click is the default).


+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>collapsible</code> option
specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ collapsible: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>collapsible</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var collapsible = $('.selector').accordion('option', 'collapsible');
+//setter
+$('.selector').accordion('option', 'collapsible', true);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-event">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-event">event</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">'click'</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+

The event on which to trigger the accordion.


+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>event</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ event: 'mouseover' });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>event</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var event = $('.selector').accordion('option', 'event');
+//setter
+$('.selector').accordion('option', 'event', 'mouseover');</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-fillSpace">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-fillSpace">fillSpace</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+

If set, the accordion completely fills the height of the parent
element. Overrides autoheight.


+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>fillSpace</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ fillSpace: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>fillSpace</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var fillSpace = $('.selector').accordion('option', 'fillSpace');
+//setter
+$('.selector').accordion('option', 'fillSpace', true);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-header">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-header">header</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector, jQuery</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">'&gt; li
&gt;&nbsp;:first-child,&gt;&nbsp;:not(li):even'</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+

Selector for the header element.


+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>header</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ header: 'h3' });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>header</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var header = $('.selector').accordion('option', 'header');
+//setter
+$('.selector').accordion('option', 'header', 'h3');</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-icons">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-icons">icons</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Object</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd
class="option-default">{ 'header': 'ui-icon-triangle-1-e', 'headerSelected': 'ui-icon-triangle-1-s'
}</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+

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>




+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>icons</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ icons:
{ 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' }
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>icons</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var icons = $('.selector').accordion('option', 'icons');
+//setter
+$('.selector').accordion('option', 'icons',
{ 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus'
});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-navigation">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-navigation">navigation</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+

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.


+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>navigation</code> option specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ navigation: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>navigation</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var navigation = $('.selector').accordion('option', 'navigation');
+//setter
+$('.selector').accordion('option', 'navigation', true);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-navigationFilter">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-navigationFilter">navigationFilter</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Function</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default"> </dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+

Overwrite the default location.href-matching with your own
matcher.


+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>navigationFilter</code> option
specified.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({ navigationFilter: function(){ ... }
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>navigationFilter</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var navigationFilter =
$('.selector').accordion('option', 'navigationFilter');
+//setter
+$('.selector').accordion('option', 'navigationFilter', function(){ ...
});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="events">
+ <h2 class="top-header">Events</h2>
+ <ul class="events-list">
+
+<li class="event" id="event-change">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-change">change</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">accordionchange</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+

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.
+



+<pre>$('.ui-accordion').bind('accordionchange', fun