Advanced accordion

First draft


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


The Advanced Accordion widget lets you place multiple widgets in each accordion section, and allows them to be hidden when the sections they are in are collapsed. Advanced Accordions can have an optional 'Expand All' control, e.g the first (Standard width) example.

The Advanced Accordion widget is an extension of the Accordion widget, which only supports one WYSIWYG widget per accordion section.

Width settings

The Advanced Accordion widget has three width settings:

  • Standard
  • Full
  • Narrow

Colour configuration

Three of the Advanced Accordion elements can be colour configured:

  • 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)

Font configuration

There is one font configuration option for Advanced Accordions:

  • Accordion title
List of site pages