The accordion is a GRAPHICAL control element displayed as a stacked list of items. Each accordion can be expanded or STRETCHED to reveal the content associated with that accordion.

The below CLASSES are used for accordion in the Framework7:

1. accordion-list: It is a optional class CONTAINS group of accordion items list.
2. accordion-item: It is a required class for single accordion item.
3. accordion-item-toggle: It is a required class used to expand accordion item content.
4. accordion-item-content: It is a required class used for hidden accordion item content.
5. accordion-item-expanded: It is a single expanded accordion item.

Accordion JavaScript API: JavaScript API METHODS are used to open and close accordion programmatically.

It contains following JavaScript API methods:

• myApp.accordionOpen(item): Used to open accordion.
• myApp.accordionClose(item): Used to close accordion.
• myApp.accordionToggle(item): Used to toggle accordion.

All methods contains parameter called item which is HTML or string element of accordion-item.

The accordion is a graphical control element displayed as a stacked list of items. Each accordion can be expanded or stretched to reveal the content associated with that accordion.

The below classes are used for accordion in the Framework7:

Accordion JavaScript API: JavaScript API methods are used to open and close accordion programmatically.

It contains following JavaScript API methods:

All methods contains parameter called item which is HTML or string element of accordion-item.