Accordion content

User level: Site Owner; Site Administrator; Site Editor; Site Author; Site Contributor


The Accordion widget lets you place multiple text areas on the page and allows them to be hidden when the sections they are in are collapsed.

The Accordion widget only supports one text area per accordion section. The Advanced Accordion widget is an extension of the Accordion widget, and allows multiple widgets to be placed in its sections.

accordion widget user interface

Expand All

(Numbers refer to screen shot above)

  1. Accordion section*: an accordion can only be saved on a page if it has at least one section
  2. Section title*: appears in the accordion section header bar
  3. Section content: uses the same text editing area as the WYSIWYG text content widget
  4. Remove a section from the accordion
  5. Add another section to the accordion: each section automatically contains a text editing area 
  6. Display the 'Expand all' link at the top of the accordion 

Three Accordion elements can be colour configured in Advanced Colour Management > Widgets > Accordion:

  • Accordion section header
  • Accordion section header - Focus (when the cursor hovers over the accordion section header)
  • Accordion separator (the narrow space between the accordion section headers)

There is one font configuration option for Accordions, in Advanced Font Management > Widgets > Accordion::

  • Accordion title
Accordion widget