Accordion foldouts are great way to include a lot of content on your page in a way that isn't overwhelming. They display text in lines that open up after a visitor clicks or taps them. You can place any content inside an accordion foldout that you would put in an i:Create page.
Accordion foldouts can help if your word count or reading grade level is getting high. If you've set up your page using the inverted pyramid, you can place important details and next steps inside accordion foldouts, but make sure to avoid hiding any “need to know” information.
Accordions also work well if you're presenting a few options to the visitor of your page (e.g., different payment methods) and they have to make a decision.
To add an accordion to your i:Create page:
Each accordion foldout will have one row for the foldout title, which will appear when the accordion is closed, and the row underneath is the content that will appear inside.
By default, an accordion foldout title will be a Heading 2. You can change the heading levels by clicking them and selecting the heading level from “Font Format Dropdown” in the Edit Toolbar. Just remember to ensure your heading levels follow accessibility standards.
To add accordion foldouts:
To remove accordion foldouts:
You can delete the entire accordion by highlighting it and clicking the “Delete Accordion Row” button.
You can link to an accordion item, so that it takes the visitor directly to that section of the page and opens the accordion for them.
