Accordion

Example

  • Accordion Fold One

    Content goes here: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra sodales nulla, eu consequat quam fringilla sed. Suspendisse potenti. Nam ac condimentum mi. Quisque enim arcu, dapibus nec congue nec, luctus non est. Aliquam ut sodales quam. Quisque euismod elit non lorem molestie at rutrum mi viverra. Curabitur semper vulputate viverra. Quisque nisl est, tempor quis lacinia sagittis, facilisis sed eros. Suspendisse placerat lorem vel nibh egestas a iaculis nunc suscipit. Ut nulla ante, viverra at consectetur ac, iaculis at mauris. Donec non arcu sem, vitae lacinia odio.

  • Accordion Fold Two

    Content goes here: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra sodales nulla, eu consequat quam fringilla sed. Suspendisse potenti. Nam ac condimentum mi. Quisque enim arcu, dapibus nec congue nec, luctus non est. Aliquam ut sodales quam. Quisque euismod elit non lorem molestie at rutrum mi viverra. Curabitur semper vulputate viverra. Quisque nisl est, tempor quis lacinia sagittis, facilisis sed eros. Suspendisse placerat lorem vel nibh egestas a iaculis nunc suscipit. Ut nulla ante, viverra at consectetur ac, iaculis at mauris. Donec non arcu sem, vitae lacinia odio.

  • Accordion Fold Three

    Content goes here: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra sodales nulla, eu consequat quam fringilla sed. Suspendisse potenti. Nam ac condimentum mi. Quisque enim arcu, dapibus nec congue nec, luctus non est. Aliquam ut sodales quam. Quisque euismod elit non lorem molestie at rutrum mi viverra. Curabitur semper vulputate viverra. Quisque nisl est, tempor quis lacinia sagittis, facilisis sed eros. Suspendisse placerat lorem vel nibh egestas a iaculis nunc suscipit. Ut nulla ante, viverra at consectetur ac, iaculis at mauris. Donec non arcu sem, vitae lacinia odio.

Accordion chunk fields

Label

The label is what shows before the content is expanded. It is text-only.

Content

The content of the fold uses a WYSIWYG editor. Links, bullets, and multiple paragraphs are permitted; however, the content should be as simple as possible.

Creating a new accordion chunk

Step 1

Expand to Section >> Chunk. From the Type drop-down menu, choose Accordion.

Select Accordion chunk type

Step 2

Expand to Section >> Chunk >> Details and select Full from the drop-down menu.

Position for accordion should be Full

Step 3

For the first fold of the accordion, add text for the Label.

Name the accordion fold

Step 4

In the Content section, add the text of the fold.

Contents of the accordion fold in a text editor

Step 5

Click the [+] to add folds to the accordion. At least two folds are required for the accordion chunk type.

Click the plus to add folds

Step 6

Submit and Publish.