Elements: Accordions

You can now add Accordion elements to any page on your site. These collapsable elements allow for large blocks of information to be hidden behind clickable headings, perfect for FAQ pages or the like.

Add an Accordion to your page

  1. Navigate to the page and click Edit this page at the top right of the screen:  editpage
  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

Tip: The Accordion Body is like a "mini" Content area, meaning you can add Elements to it like Images, Files, Forms, and more!

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