Implements the JQuery UI Accordion
An accordion is a series of panels, only one of which is shown at a time. Each panel has a trigger, and
when the user clicks on the trigger, its corresponding panel is shown, and the others hidden.
The Accordion decends from QPanel. There are a number of ways to create an Accordion,
but the basics are that you put a series of block level items inside the Accordion (like divs, or h1, QPanels, etc.)
and it will automatically pick the first item as the header and the second item as the content that will be collapsed
or expanded, and will repeat that until the end of the Accordion block.
If you want more control, you can assign a jQuery selector to the Header item and that selector
will be used to find the headers within the Accordion. In this case, the next block level sibling to
the header will be used as the content for that header. For example, to use all the items with class ItemHeader
inside the Accordion panel as the headers for the accordion, do this:
$accordion->Header = '.ItemHeader';
To get or set the index of the item that is currently open, use the inherited
The Accordion will generate a QChangeEvent when a new header is selected.
See the jQuery UI documentation for additional events, methods and options that may be useful.