Design

Accordion

Consolidate content on a page into collapsible topics.

The Accordion widget creates a single or series of collapsible areas that can be used to organize information. An example would be a series of questions about your school. When an individual question is clicked, its answer will open to be revealed.

Please note you can only use one accordion widget per page. Multiple items will conflict making it so only the first instance of your accordion will work properly.





How do I add this widget to a page?

  1. Click Edit Page
  2. Click either + Content or the Settings icon (down-facing arrow) which will be located to the right of Edit where you will need to select either Insert above or Insert below
  3. Choose the Accordion widget
  4. Click on the green + Item button in the upper-right hand corner and enter the Item Heading you would like to be displayed.
  5. Repeat the previous step until you have your complete list.
  6. When you are finished, click on the green Create button and your Accordion widget will show up on the page. 
  7. Now click on the titled item you want to add items to followed by the Edit Content icon (pencil) and select either Insert above or Insert below to add the necessary widgets. Use the Text widget to add text to the item.
  8. Repeat the previous step until you have completed all of the items.
  9. Make sure to click either the Publish or the Save Draft option just as you would when you're editing pages.


 

  • How do I hide/show an item in the list?
    Hiding an item from being displayed by an Accordion widget can be done quickly. Edit the widget and click on the switch to the right of the item that you would like to hide, switching it to gray (hidden), and finally Update. To show an item that has been hidden, click on the switch to the right of the item that you would like to show switching it to green (visible), and finally Update.

  • How do I change the order of the items listed?
    To change the order of how the items are being displayed by the Accordion widget. Edit the widget and click on the vertical directional arrow icon to the right of the item you would like to move, choose either Move Up or Move Down and finally, Update when you are done.

  • How do I remove an item from the list?
    To remove an item from being displayed by the Accordion widget. Edit the widget and click on the trash icon to the right of the item you would like to remove followed by Update.