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. 

6020870353The 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.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.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. 1121870380Click 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.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.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. 1122870423Once you've inserted your table, place your cursor/click into the table and go to the Formats drop- down menu and select Accordion.Once you've inserted your table, place your cursor/click into the table and go to the Formats drop- down menu and select Accordion.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. 1123870389Add titles and content to your accordion as shown. Once you save the page, the content of each section will be hidden.Add titles and content to your accordion as shown. Once you save the page, the content of each section will be hidden.Add titles and content to your accordion as shown. Once you save the page, the content of each section will be hidden.
  4. 1124870517To add more rows, right click on any row in the accordion and select insert row after or before.To add more rows, right click on any row in the accordion and select insert row after or before.To add more rows, right click on any row in the accordion and select insert row after or before.

  5. 1125870353After 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.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.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.