Accordion is a nestable element that contains the element “Accordion”. Each Accordion element has a "Label" element that contains the Heading and Icon to show. It also contains a "Content" element with all the hidden content to be shown when toggled.
You can set any of your content at both Label and Content elements.
Accordion is an element especially designed to create FAQ sections and any other accordion types.
Mode: determines the event that will toggle expanders: hover or click.
Open one at a time: if enabled, only one expander can be opened at a time, closing any other expander as soon as a new expander is opened.
Open all by default: if enabled, all expanders will open when page loads.
Open this by default: admits an expander number that will open when page loads. e.g: 1 will open first expander at page load. Requires “Open all by default” to be false.
The Icon and Expand animations of the Accordions can be customized at both groups, including icon rotation's degree and their durations.
There are 3 groups available to style Accordion: Margin, Size and Borders. If you need to apply additional styles, you can do so at the Settings Tab.
All nested elements like Labels and Contents can be styled at their style tabs.