Accordions

As the name indicates, it expands like an accordion. When you first load it, only the section headings are visible, with the “>” symbol appearing next to each section heading. Pressing the “>” expands that section, opening the accordion. Accordions makes each section easy to find without scrolling down a long page of text. 

The belove example shows an accordion in both states – the first is closed, and the second is open - and showing its content. When in an “open” state, the “down arrow” can be used to close that section.

To add an accordion to your page:

1. 
   Click on the table button. Insert a table with only one column. Each section (headline and body) in the accordion needs two rows. You can always add more later.
2. 
   Once you've inserted your table, place your cursor/click into the table and go to the Formats drop- down menu and select Accordion.
   
3. Add titles and content to your accordion as shown. Once you save the page, the content of each section will be hidden.
4. To add more rows, right click on any row in the accordion and select insert row after or before.
5. 
   After saving, your accordion will display with all sections closed. You can click on each section to open it. Make sure to hit reload to refresh the cache.