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.

How do I add this widget to a page?

  1. Click Edit Page
  2. Click the Edit Content icon (pencil) and select either Insert before or Insert after
  3. Choose the Accordian 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 Accordian 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 before or Insert after to add the necessary widgets. Use the HTML WYSIWYG 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 the Save --> Publish options just as you would when you're editing pages.

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 hide/show an item in the list?

Hiding a item from being displayed by a Accordian 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 a 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 Accordian 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 a item in the list?

To remove a item from being displayed by the Accordian widget. Edit the widget and click on the trash icon to the right of the Item you would like to remove followed by Update.