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.

As of November 2026, it is no longer possible to render embedded YouTube or Vimeo videos on a page. YouTube and Vimeo videos were no longer correctly interacting with the Civic UK cookie control, and cookies were being set regardless of a user’s consent. A change has been made so that an embedded video will be automatically replaced with a static image and link to the video.

As an alternative, we recommend adding a link in text to a YouTube or Vimeo video within the WYSIWYG widget.

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