The accordion is a container that allow to display a lot of content in a mimimal space, while remaining easily browsable.
To work properly, the accordion needs the scriptaculous library to be loaded.
To do so, define /meta/libs=scriptaculous
This control has applied all the common properties of renderlet.|
See renderlet:* section for the complete list of common properties to use.
|speed||integer||8||The speed of the animation. Higher is faster. Range from 0 to 10.|
|classToggle||string; css-class||accordion_toggle||A css-class name to set on every non-active accordion handle.|
|classToggleActive||string; css-class||accordion_toggle_active||A css-class name to set on the active accordion handle.|
|direction||string||vertical||One of "vertical", "horizontal". Determines in which direction the accordion expands.|
|event||string||click||One of "click", "mouseover". Determines which event the accordion will listen to.|
|width||integer||The width of the accordion, if forced. By default, the width is automatic.|
|height||integer||The height of the accordion, if forced. By default, the height is automatic.|
Provided by Ameos
The accordion will consider it's immediate dependancy (childs) as alternatively the handles and the contents of the accordion.
In that way, a typical implementation is to define the childs of a renderlet:ACCORDION as a groupment of pairs of renderlet:BOX, first of the pair being the handle and the second the content of an accordion panel.