Author: rdworth
Date: Tue Mar 3 05:18:07 2009
New Revision: 2189
Added:
tags/1.7/docs/
tags/1.7/docs/accordion.html
tags/1.7/docs/addClass.html
tags/1.7/docs/animate.html
tags/1.7/docs/datepicker.html
tags/1.7/docs/dialog.html
tags/1.7/docs/draggable.html
tags/1.7/docs/droppable.html
tags/1.7/docs/effect.html
tags/1.7/docs/hide.html
tags/1.7/docs/progressbar.html
tags/1.7/docs/removeClass.html
tags/1.7/docs/resizable.html
tags/1.7/docs/selectable.html
tags/1.7/docs/show.html
tags/1.7/docs/slider.html
tags/1.7/docs/sortable.html
tags/1.7/docs/switchClass.html
tags/1.7/docs/tabs.html
tags/1.7/docs/toggle.html
tags/1.7/docs/toggleClass.html
tags/1.7/ui/i18n/jquery-ui-i18n.js
tags/1.7/ui/jquery-ui.js
tags/1.7/ui/minified/
tags/1.7/ui/minified/effects.blind.min.js
tags/1.7/ui/minified/effects.bounce.min.js
tags/1.7/ui/minified/effects.clip.min.js
tags/1.7/ui/minified/effects.core.min.js
tags/1.7/ui/minified/effects.drop.min.js
tags/1.7/ui/minified/effects.explode.min.js
tags/1.7/ui/minified/effects.fold.min.js
tags/1.7/ui/minified/effects.highlight.min.js
tags/1.7/ui/minified/effects.pulsate.min.js
tags/1.7/ui/minified/effects.scale.min.js
tags/1.7/ui/minified/effects.shake.min.js
tags/1.7/ui/minified/effects.slide.min.js
tags/1.7/ui/minified/effects.transfer.min.js
tags/1.7/ui/minified/i18n/
tags/1.7/ui/minified/i18n/jquery-ui-i18n.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-ar.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-bg.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-ca.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-cs.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-da.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-de.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-el.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-eo.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-es.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-fa.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-fi.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-fr.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-he.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-hr.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-hu.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-hy.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-id.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-is.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-it.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-ja.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-ko.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-lt.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-lv.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-ms.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-nl.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-no.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-pl.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-pt-BR.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-ro.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-ru.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-sk.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-sl.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-sq.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-sr-SR.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-sr.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-sv.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-th.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-tr.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-uk.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-zh-CN.min.js
tags/1.7/ui/minified/i18n/ui.datepicker-zh-TW.min.js
tags/1.7/ui/minified/jquery-ui.min.js
tags/1.7/ui/minified/ui.accordion.min.js
tags/1.7/ui/minified/ui.core.min.js
tags/1.7/ui/minified/ui.datepicker.min.js
tags/1.7/ui/minified/ui.dialog.min.js
tags/1.7/ui/minified/ui.draggable.min.js
tags/1.7/ui/minified/ui.droppable.min.js
tags/1.7/ui/minified/ui.progressbar.min.js
tags/1.7/ui/minified/ui.resizable.min.js
tags/1.7/ui/minified/ui.selectable.min.js
tags/1.7/ui/minified/ui.slider.min.js
tags/1.7/ui/minified/ui.sortable.min.js
tags/1.7/ui/minified/ui.tabs.min.js
Modified:
tags/1.7/ui/effects.blind.js
tags/1.7/ui/effects.bounce.js
tags/1.7/ui/effects.clip.js
tags/1.7/ui/effects.core.js
tags/1.7/ui/effects.drop.js
tags/1.7/ui/effects.explode.js
tags/1.7/ui/effects.fold.js
tags/1.7/ui/effects.highlight.js
tags/1.7/ui/effects.pulsate.js
tags/1.7/ui/effects.scale.js
tags/1.7/ui/effects.shake.js
tags/1.7/ui/effects.slide.js
tags/1.7/ui/effects.transfer.js
tags/1.7/ui/ui.accordion.js
tags/1.7/ui/ui.core.js
tags/1.7/ui/ui.datepicker.js
tags/1.7/ui/ui.dialog.js
tags/1.7/ui/ui.draggable.js
tags/1.7/ui/ui.droppable.js
tags/1.7/ui/ui.progressbar.js
tags/1.7/ui/ui.resizable.js
tags/1.7/ui/ui.selectable.js
tags/1.7/ui/ui.slider.js
tags/1.7/ui/ui.sortable.js
tags/1.7/ui/ui.tabs.js
Log:
tags/1.7: added/updated files from zip
Added: tags/1.7/docs/accordion.html
==============================================================================
--- (empty file)
+++ tags/1.7/docs/accordion.html Tue Mar 3 05:18:07 2009
@@ -0,0 +1,814 @@
+
+<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, grouped by another element. By default, the header elements
are anchors, assuming the following structure:
+<pre><div id="accordion">
+ <div>
+ <a href="#">First header</a>
+ <div>First content</div>
+ </div>
+ <div>
+ <a href="#">Second header</a>
+ <div>Second content</div>
+ </div>
+</div></pre>
+If you use a different element for the header, specify the
header-option with an appropiate 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/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="300">
+A simple jQuery UI Accordion.<br />
+
+<pre>$("#accordion").accordion();
+</pre>
+</div><div id="source" class="tabs-container">
+
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css"
href="http://jqueryui.com/latest/themes/base/ui.all.css"
rel="stylesheet" />
+ <script type="text/javascript"
src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script type="text/javascript"
src="http://jqueryui.com/latest/ui/ui.core.js"></script>
+ <script type="text/javascript"
src="http://jqueryui.com/latest/ui/ui.accordion.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("#accordion").accordion();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="accordion">
+ <h3><a href="#">Section 1</a></h3>
+ <div>
+ <p>
+ 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.
+ </p>
+ </div>
+ <h3><a href="#">Section 2</a></h3>
+ <div>
+ <p>
+ 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.
+ </p>
+ </div>
+ <h3><a href="#">Section 3</a></h3>
+ <div>
+ <p>
+ 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.
+ </p>
+ <ul>
+ <li>List item one</li>
+ <li>List item two</li>
+ <li>List item three</li>
+ </ul>
+ </div>
+ <h3><a href="#">Section 4</a></h3>
+ <div>
+ <p>
+ 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.
+ </p>
+ <p>
+ Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat
lectus.
+ Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
+ inceptos himenaeos.
+ </p>
+ </div>
+</div>
+
+</body>
+</html>
+</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 «collapsible: true».
+ </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">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ Choose your favorite animation, or disable them (set to false). In
addition to the default, 'bounceslide' and 'easeslide' are supported (both
require the easing plugin).
+ </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: 'easeslide'
});</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', 'easeslide');</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">'> li
> :first-child,> :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', function(event, ui) {
+ ui.newHeader // jQuery object, activated header
+ ui.oldHeader // jQuery object, previous header
+ ui.newContent // jQuery object, activated content
+ ui.oldContent // jQuery object, previous content
+});</pre>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>change</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$('.selector').accordion({
+ change: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>change</code> event by type:
<code>accordionchange</code>.
+</dt>
+<dd>
+<pre><code>$('.selector').bind('accordionchange', function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="methods">
+ <h2 class="top-header">Methods</h2>
+ <ul class="methods-list">
+
+<li class="method" id="method-destroy">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.accordion( 'destroy'
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ Remove the accordion functionality completely. This will return the
element back to its pre-init state.
+ </div>
+</li>
+
+
+<li class="method" id="method-disable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.accordion( 'disable'
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+
Disable the accordion.
+ </div>
+</li>
+
+
+<li class="method" id="method-enable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.accordion( 'enable'
+
+
+