• <div style="background-image:url(/live/image/gid/6/width/1600/height/300/crop/1/30024_area_studies.rev.1451945934.png)"/>
  • <div style="background-image:url(/live/image/gid/6/width/1600/height/300/crop/1/29873_header-aerial.rev.1450206652.jpg)"/>
  • <div style="background-image:url(/live/image/gid/6/width/1600/height/300/crop/1/29871_papers.rev.1452013163.png)"/>
  • <div style="background-image:url(/live/image/gid/6/width/1600/height/300/crop/1/30027_self_designed_major.rev.1451946126.png)"/>
  • <div style="background-image:url(/live/image/gid/6/width/1600/height/300/crop/1/30025_education.rev.1451945980.png)"/>
  • <div style="background-image:url(/live/image/gid/6/width/1600/height/300/crop/1/30028_english-_literature.rev.1452013046.png)"/>
  • <div style="background-image:url(/live/image/gid/6/width/1600/height/300/crop/1/30485_library.rev.1454952369.png)"/>

LiveWhale Help

Accordions

Accordions allow you to display multiple sections of content in a concise layout. It makes each section easy to find without scrolling down a long page of text. Follow these steps to add an accordion to your page:

1. Edit page and click on the table button. Insert a table with up to 10 rows and only one column. Each section in the accordion needs two rows. You can always add more later.

How to add a table

2. Once you’ve inserted your table, select the table (if you’ve just inserted it, it should already be selected). Go to the Formats menu and select Accordion.

How to select the Accordion format 

3. Add titles and content to your accordion by clicking on each row.

Adding content to your Accordion

4. To add more rows, click on any row in the accordion and select insert row after or before from the menu. Please add two rows at a time, otherwise the styling breaks (one row is for the section title, one row is for the content).

Add more rows to your accordion

5. After saving, your accordion will display with all sections closed. You can click on each section to open it.