J
Q
u
e
r
y

U
I

A
c
c
o
r
d
i
o
n

{Creates JQuery UI Accordion pages}

Create an Accordion area with multiple pages.

Start the accordion area with {ACCORDION()}.
Start a page with {PAGE(Page Name)}.
End a page with {/PAGE}.
End the accordion area with {/ACCORDION}.

The following code produces the pages below.

{ACCORDION()}{PAGE(Page 1)}

Page 1 Content

{/PAGE}{PAGE(Page 2)}

Page 2 Content

{/PAGE}{/ACCORDION}

Page 1

Page 1 Content

Page 2

Page 2 Content

There seems to be a bit of a bug with the accordion tool hat causes the page width to jump when a section is opened or closed. This can be solved by surounding the area with a fixed width div.