Accordion
An accordion is a stack of expandable panels — a title you click to reveal its content, one at a time.
What it is
An accordion is a stack of expandable panels: a title you select to reveal its content, one panel at a time. Use it to pack a lot of optional detail — FAQs, steps, reference sections — into a short, scannable page, so readers open only what they need. Select any title below to edit it, or click into a panel to edit its content.
How to add it
Add an Accordion block, then add a panel for each section. Give the panel a title — the clickable heading — and fill it with any blocks: text, images, a link list, whatever the section needs. Add, remove and reorder panels as you go.
Configure it
Panels
Each panel is a title plus its own content. A panel can be set to open by default, so its content shows when the page loads; the rest stay collapsed until selected.
Expand / collapse all
Turn on the expand / collapse all buttons to let readers open or close every panel at once — useful when someone wants to scan or print the whole thing.
Tips
Keep titles short and specific so readers can tell at a glance which panel holds what they want.
Don't hide content people need to read in order or all at once — an accordion shows one panel at a time. For a few clearly-named sections shown side by side, use tabs instead.
Related pages
Example
Buying or building your first home? You may be eligible for a $10,000 grant under the First Home Owner's Grant (FHOG) scheme.
This grant scheme only applies to buying or building a new home.
You can make a claim if:
- your home is newly constructed and has a total value of less than $600,000
- the land and the dwelling you intend to build has a combined value of less than $750,000.
If you are building a new home, you could also be able to apply for the Australian Government grant of $25,000. To be eligible you must:
- sign the contract between 4 June 2020 and 31 December 2020
- commence within 3 months of the contract date.
HomeBuilder complements the NSW Government’s existing First Home Owner Grant and stamp duty concessions.
The NSW Government recently announced increased thresholds for purchases of new homes and vacant land to build a new home from 1 August 2020. The threshold for existing home purchases remains unchanged.
In your team there may already be a sprint cadence that includes content design. Become familiar with agile practices such as the Kanban wall, daily stand ups and sprint planning.
Otherwise, the content workflow may be separate from the product team. At the very least, make sure the team has real content to use when building a prototype.
As well as designing the user experience with product team members, a content designer works to know the facts with subject matter experts.
Your aim from the outset is to simplify everything for the user. Your main task will be to set up a clear path for them to achieve their goal.
Start with a user story. You should create one for each piece of content, from user research.
A user story will help you to pinpoint the user need from the outset. It puts the user front-of-mind.
Next, create a structure for your page, based on the user story. Write up meaningful H2 headers as signposts.
Share your way of working with your subject matter experts – in person if possible.
They're a great way of introducing your approach to a subject matter expert. Ask them for feedback and find out if you're on the right track.