Skip to main content

Accordions

How To Create Accordions and Tabs

Accordion Content Types

1. Simple Accordion: Use when you don't have to introduce other content types. For example, an FAQ page.

2. Advanced Accordion: Use when you want to introduce another content type. Like a video or button for example.


Simple Accordion

This accordion does not allow other content types to be used. Only one simple accordion per page.

SOM Accordion Simple (only once at the beginning - tells browser that a simple accordion is starting)
SOM Accordion Simple Item
SOM Accordion Simple Item
Etc.

 

Simple Accordion - Item 1

Simple Accordion - Item 2


Advanced Accordion

The following is an outline of content types. They are color-coded to show the order.

SOM Advanced Module Start
SOM Tab/Accordion Item Start
Any Content Type(s) you want. Can be one or multiple.
SOM Tab/Accordion Item End
SOM Advanced Module End

 

Advanced Accordion - Item 1

Advanced Accordion - Item 2

×