Accordion

Fields

The following fields are used in the Accordion content module:

Fields marked * are compulsory.

Field Action Option / Content
Status * Select Published / Unpublished
Title Enter Optional module title
Accordion Item * Add Max 25
Accordion Title * Enter Required accordion item title
Accordion Content * Enter Required accordion content
Theme * Select White / Light / Dark

[top]

About

The Accordion module provides the means to show/hide information. Accordions are typically used in F.A.Q. and Q&A pages, where there may be numerous ‘questions’ with corresponding ‘answers’ of varying length.

[top]

Accordion Admin

The Accordion Content Module appears as follows when added:

Accordion Content Module

[top]

Adding an Accordion Content Module

  • Open the Page / Post on which you wish the Content Module to appear
  • Click the Add Module button
  • Select Accordion
  • Select the required Status
  • Enter Title (optional)
  • Enter an Accordion Title and Accordion Content for the first Accordion Item
  • Click the Add accordion item button to add subsequent items, entering an Accordion Title and Accordion Content for each Accordion Item added
  • Select Theme
  • Click Save Draft / Publish / Update to save

[top]

Accordion Themes

Showing the second tab open in all examples:

White Theme

White Theme - Accordion

Light Theme

Light Theme - Accordion

Dark Theme

Dark Theme - Accordion

[top]

Accordion Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  • Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.