Elements: Accordions

Adding Accordion elements to any page on your site allows your site to appear smaller with more content. These collapsable elements allow for large blocks of information to be hidden behind clickable headings, perfect for FAQ pages or the like.

Last updated: September 2024

Add an Accordion to your page

1. Navigate to the page and click Edit this page at the top right of the screen: 
2. Below the Title, in in the Main Body Content area, locate the + icon  to the left of the location where you want to add an image, and click the icon to bring up the Insert Element menu (if you don't see these icons, simply click to the left, outside of the Main Body Content area, to make them appear)
3. Choose "Accordion" from the menu of elements
4. You'll see a gray bar that appears in the content area. Click on the Edit button to make changes
5. The Accordion editor will appear. 
   1. The Accordion Title is what people will see on the accordion before it's expanded. 
   2. The Accordion Body is what is seen after the title is clicked on. This Body can be shown/hidden by the visitor as needed.
6. When finished, click the green Save button

Move an Accordion

1. While editing a page, hover your mouse cursor over the Accordion
2. Locate the blue cross icon   near the top-right corner 
3. Click, hold, and drag your mouse to reposition the Accordion

Remove an Accordion

1. While editing a page, hover your mouse cursor over the Accordion
2. Locate the red X icon    near the top-right corner
3. Click the X to remove the Accordion from the page