Accordion element

The Accordion element lets you create a series of "panels" that can be hidden or shown by the end user. Each of these panels can be configured with its own elements to display custom content.

The Accordion element lets you create a series of "panels" that can be hidden or shown by the end user. Each of these panels can be configured with its own elements to display custom content.

The element is initially created with one panel. Click the green “Add Panel” link to add more. Hover over each panel to access the Element Settings and change the title for that panel.

For more information about using Accordion elements, refer to Customize an Accordion or Tabs element.

Element Settings

In addition to the common element settings, the Accordion element includes the following configuration options.

• Expand first panel by default: When selected, the first panel of the accordion will be expanded when the page is loaded. If this checkbox is left unselected, all accordion panels will be closed when the page loads.

• Expand only one panel at a time: Panels will automatically close themselves if another panel is clicked when this checkbox is selected. When unselected, the user will have to manually close each panel.

• Show Expand/Collapse Icon: Display an arrow icon before or after the title, or select “None” to not show the icon.