/
Drupal: Add an Accordion

Drupal: Add an Accordion

The Accordion section can be used on any basic page in Drupal.
Accordion(s) will always follow after the Body content.

Example of an Accordion:

Example of an accordion.
Example of an accordion.

Step-by-step guide to create an Accordion:

  1. Log into Drupal.

  2. Edit the page.

  3. Click on the Section title, Accordions to open up the section... 

  4. ...then click on Add Accordion to create a new Accordion.

  5. Add a Clickable Title. This is the text that will appear on the collapsed accordion in a blue bar with a green plus sign.
    Add your content into the Text field. The Text will be hidden until the visitor clicks on the blue Clickable Title.

    Accordions



  6. If you need more text that follows after the list of blue Accordions, you may add optional text into the Text After Accordions field:

Related content

Drupal: Add a video from Panopto
Drupal: Add a video from Panopto
Read with this
Drupal: Checkerboard widget
Drupal: Checkerboard widget
More like this
Drupal: Editing Degree Maps
Drupal: Editing Degree Maps
Read with this
Drupal: Flexboxes widget
Drupal: Flexboxes widget
More like this
Drupal: How to Edit the Faculty Area Listings for the School of Music
Drupal: How to Edit the Faculty Area Listings for the School of Music
Read with this
Drupal: Links/List widget
Drupal: Links/List widget
More like this