Accordion Component

The Accordion component allows you to create collapsible/expandable sections of content on your site.

Elements

  1. Accordion Item - Title

    1. Toggle Initial State to set the accordion item to ‘open’ or ‘closed’ on page load.

  2. Accordion Item - Content

Diagram demonstrating the elements of the Accordion Drupal component

Examples

Step-by-step Instructions

  1. Add an Accordion Item to the component:

    1. Add a Title.

    2. Toggle Initial State to set the item to display as open or closed on page load.

    3. Add text to the Content field, which will populate the main body of the accordion item.

  2. Add as many additional items as needed by clicking Add Accordion Item.

Ways you can contact ITS or find information:

ITS Support Portal: https://support.swarthmore.edu
Email: support@swarthmore.edu
Phone: x4357 (HELP) or 610-328-8513
Check out our remote resources at https://swatkb.atlassian.net/wiki/spaces/remote/overview
Check our homepage at https://swarthmore.edu/its