Accordion + Link List Paragraph
Accordion + Link List – Paragraph Component
Works great for grouping and organizing links in a neat layout, using an accordion style to keep things easy to browse and save space.
When to use it
- Navigation to multiple links (i.e. program links, student links, etc.)
- Categorize and list links in groups and various sections.
- Add style.
Where to use it
- Can be used outside of a group only.
- Works best at the bottom of the page.
Features
- Use a title to introduce or offset the section.
- Include a description, optionally featuring a main link within it.
- Create multiple accordions and link lists within the same paragraph.
- If multiple link lists used in an accordion, the links are shown in two columns for better organization.
- Add featured image. Vertical images work best.
- Image displays to the left of the links.
- The main background color is dark blue. Unselected accordion titles appear in a lighter blue, while the selected accordion title is highlighted in yellow.
How to Add – Accordion + Link List Paragraph Component
- Log in to Drupal.
- Go to page you wish to edit.
- Click on + sign to enter a new paragraph outside of a group.
- Choose Accordion + Link List paragraph.
- Complete the form details.
- Title: Required
- Description: Optional
- Featured image: Required per accessibility
- Main link: Optional
- Add your Accordion Items.
- Accordion title: Required
- The title of the Accordion item that the user clicks on.
- Accordion description: Optional
- Click on + sign to add your Link List within your accordion
- List header: Optional
- URL link: Required
- You can add multiple URL links under the same List Header.
- If you want to add more links, Click Add Another Item.
- Click Save when done adding URLs to the specific List Header before exiting the section.
- Accordion title: Required
- If you wish to make more accordions and link lists within those accordions, repeat the process.
- Click Save before exiting the paragraph.
- Save page as "In Progress" or "Ready to Review."
Accordion + Link List Example
Main Description Section: This text appears above all of the accordions and is best used to summarize the entire section.
Accordion Title 1

This text appears above all of the link lists and is best used to summarize the accordion.
This example features two link lists within one accordion.
This example features two link lists within one accordion.
Link List 1
Additional Web Editing Resources
Contact us

University Marketing and Communications
Physical Address
1007 Campanile Ave.
Brookings,
SD
57007
Mailing Address
Communications Center 105, Box 2230
Brookings,
SD
57007
Hours
Mon - Fri: 8:00 a.m.-5:00 p.m.
Follow Us