Body
Summary
This how-to article provides steps to add an accordion layout and an accordion section.
How-To
Task: To use the Paragraphs Feature to create accordion and accordion section
Instructions
Step 1 - Click on the "Edit" tab and scroll down the page to the section labeled "Paragraphs"
Step 2 - In the "Paragraph type" drop-down, choose "Layout: Accordion," then click on the "ADD NEW PARAGRAPH" button
Step 3 - If you would like a title to appear on the page, enter text in the "Title" field.
Please note: Titles, in this case, are consider headers and can be formatted using presets found in the Behaviors tab.
Step 4 - If you wish all accordion sections to be collapsed when a visitor arrives on your page, click the checkbox next to "Collapse First Section" - this is optional
Step 5 - Next you will be adding accordion sections, then content Paragraphs within each section. Click on the green "ADD LAYOUT: ACCORDION SECTION" button to add the first section.
Step 6 - Enter the "Accordion Section Title" - this is the text that will show up in the clickable accordion box.
Step 7 - Next, add Accordion Section Content by choosing a Paragraph type in the corresponding dropdown, and then clicking on the "ADD NEW PARAGRAPH" button. In this example, we will choose the "Text" Paragraph type. Here, the the "Title" field is optional, and "Content" is added via a WYSIWYG editor.
Step 8 - Add your content, and then scroll down to the bottom of the page and click on "Save".
Your new accordion section will display on your page, and clicking on it will drop down the section content. Repeat these steps to create additional accordion sections, if needed.
Outcome
An accordion layout and section has been created.
Need additional help?
For guidance on this and other related topics, register through Workday to join any of our upcoming Drupal/Sites@USNH/Website Tools - Virtual Walk-in Sessions.
If you have any additional questions, please fill out the Website & Mobile Development Support Form.