Skip to Main content
Apply
Home / Administrative Support/Information Technology/Web Services/Web Style Guide/Blocks/Accordions

Accordions

Web Style Guide

Accordions can be created by choosing “Accordion list” from the Insert menu of the editor toolbar.

When editing an accordion, it is treated like a table, so adding, removing, and moving sections can be done with the table editor controls. When saved, accordions are rendered as a series of expandable sections with “Expand All” and “Collapse All” buttons automatically added at the top.

Example

Example with Header

To create a header above an accordion, select some text immediately before the accordion element, and choose the “Accordion Intro Text” option from the Formats menu.