Accordion

BetterUp's accordion module is a simple module for including an accordion in your content. Accordions are frequently used as FAQs, but may have other use cases based on your content.

Fields

• 
  Background

  See background. Note that the accordion module only supports a black, white, or gray solid background so that the content remains legible.

• 
  Module spacing

  See module spacing.

• 
  Content Width

  See content width.
• 
  Introduction

  Dropdown for adding an introduction to your accordion module. Click to see introduction fields.
• 
  Eyebrow

  In the introduction dropdown. Add an eyebrow to your introduction.
• 
  Heading

  See heading.

• 
  Add an anchor

  See Anchor.

• 
  Description

  In the introduction dropdown. Add a description to your introduction.
• 
  Description Size

  In the introduction dropdown. Choose how large the description should be.

  Options are:

  • Small
  • Normal
  • Large
• 
  Text placement

  In the introduction dropdown. Choose where the introduction should be placed on desktop. Options are:

  • Top of accordion
  • Left of accordion

  Note that the introduction will always appear on top of the accordion on smaller screens.

• 
  Text alignment

  In the introduction dropdown. Only appears if "Text placement" is set to "Top of accordion". Options are:

  • Left
  • Center
• 
  Accordion Items

  Repeatable section of items in your accordion. When an item is added, hover over it to clone, edit, or remove the item. Click and drag items here to re-order them in the accordion.
• 
  Label

  In each accordion item. Add a label to the accordion item. This is the text that will appear when the accordion is closed & open.

  In an FAQs structure, this is the question.

• 
  Revealed text

  In each accordion item. Add a label to the accordion item. This is the text that will appear when the accordion is open.

  In an FAQs structure, this is the answer to the question.