Skip to main content

Accordions

Accordions are interactive panels that can be collapsed and expanded to hide or reveal content. They should always be preceded by primary content, although that does not mean they must always appear last on the page. When appropriate, a set of accordions may be followed by additional primary content.

The accordion snippets are a table transformation type of snippet. Because we need a JavaScript function to make the accordions open and close, we don't have the What You See Is What You Get design view on the Omni editor. Still, you can easily change its title and content to edit any accordion on the table. You can also add new tables to create new accordions by clicking on the Under Table Plus button on the CMS editor.

The accordions need an ID, so before adding any content to your new accordion, it is essential to change the Friendly Name Title to a unique name related to your accordion content.

  • Accordion Two Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
  • Accordion Three Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea sed iure, tempore eveniet culpa commodi est. Minima, nesciunt pariatur ipsum aliquam, accusamus neque eos culpa, quaerat consequatur, nisi quasi suscipit.
  • Accordion Four Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.