ACCORDION is a component that presents a collection of multiple panes placed vertically or horizontally (each pane consists of the header and body). The main difference from standard LAYOUT is that ACCORDION can be collapsed, expanded by clicking on the header. Ui-related ACCORDION inherits from layout.
Related sample: 01_views/06_accordion.html
The following is an example of initialization with the commonly used parameters (to see a full list of ACCORDION's parameters, please refer to the corresponding chapter of the manual):
dhx.ui ({view:"accordion", id:"accord", cols:[{ header:"panel 1", body:"upper"}] })
Specify id if you're going to refer to ACCORDION later. It concerns ACCORDION's pans as well.
To use ui functionality, touchui.css and touchui.js files must be included.