Advanced accordion

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


The Advanced Accordion widget is an extension of the Accordion widget and lets you place multiple widgets in each accordion section, and allows them to be hidden when the sections they are in are collapsed.

advanced accordion editing interface

Expand All

(Numbers refer to screen shot above)

  1. Advanced accordion section
  2. Section title: appears in the accordion section header bar
  3. Advanced section content: when a widget is added to Advanced sections, the widget editing interface is visible under 'Advanced section content'
  4. Add new widget: add any widget (apart from Advanced accordion or Advanced tab widgets) to an Advanced accordion section; multiple widgets can be added to an Advanced accordion section
  5. Remove a section from the accordion
  6. Add another section to the accordion 
  7. 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
advanced accordion widget