Skip to main content
Skip to main content.

Accordion

A guide to the Accordion component

Video Guide for Adding Accordions

How to Create an Accordion

You need to be logged in to your site's Drupal instance to do this.

  • In the Component dropdown, click Add Accordion

    Image
    Add accordion button
  • Add the heading for the Accordion and enable the 'Collapse First Accordion Item'

    Image
    Add accordion heading
  • Add first Accordion Item and click 'Add Accordion item' to add more items

    Image
    Add accordion item
  • Click the Save button to save the node

    Image
    Save node button

Questions

An accordion is a vertically stacked list of topics that can be selected to reveal or collapse content.

Accordions are used for large amounts of content - the header gives a brief summary of what the expanded content is about. Users can scroll past the topic, or select the topic if they want to see more content.

Click the Add Accordion Item button to add more accordion lines.

All fields with a red asterisk indicate that the field is required.

Save and publish controls are to the right of the page. You can save any time while you're working on the accordion component, but it won't appear to users until you select the Published option in the "Change to:" dropdown.