Accordion

Description

Accordions are interactive components that allow users to expand or collapse sections of content on a webpage. Useful for large pages, FAQs, and more.

Adding and Managing Accordion Items

1. Navigate to Content->Add Content->Accordion.

    

2. Fill in the fields:
   1. Title: The header text of the accordion
   2. Body: The text within the dropdown
   3. Accordion to apply to: This is the field that determines which accordion group this item will be a part of. You will need to set the group on the page you intend to have the accordions. If you would like additional headings to separate out your accordions, you will need to create tags that are child elements of the selected field. For example, each accordion in the above picture is set to “Cars” or “Trucks” and is grouped on the page due to the parent “Vehicles” tag set on the page.
3. Save
4. Navigate to the intended pages edit page.

    

5. Set the accordion field to the proper parent tag
6. Navigate to Structure -> Block Layout

    

7. Select place block where you would like the accordions on that page.

    

8. Search for accordions and place it
9. Limit it to the intended page
   1. Note: You can share this accordion block across the site if they share a region. You would simply add to the list of pages it is restricted to.
10. Save