Drupal 6 JavaScript and jQuery - Ebook-Cours.com

This is the area that the ID identifies. But there is the additional :not(.uiaccordion).
The ui-accordion class is added by an accordion widget. As with
other behaviors, we add this extra check to ensure if the behavior is run multiple
times, we won't try to repeatedly turn the left column into an accordion widget.
Let's now take a look at the second part of the query:
$('#sidebar-left:not(.ui-accordion)').accordion({
header: 'h2'
});
The jQuery UI functions are added onto the main jQuery object (we will see how
to do this in our final project). So adding the accordion is as simple as calling the
accordion() method.
[ 305 ]
Chapter 9
That method takes an object literal containing settings. There are over half a dozen
possible settings for the accordion, all documented at http://docs.jquery.com/
UI/Accordion/accordion#options, but we will only use one.
We need to tell the accordion effect what element to use as header information. To
explain this, let's take a quick look at the structure of the HTML in the left sidebar:
mbutcher
Content Management
Development
This material is copyright and is licensed for the sole use by Richard Ostheimer on 18th June 2009
2205 hilda ave., , missoula, , 59801