You may be trying to access this site from a secured browser on the server. Please enable scripts and reload this page.
Turn on more accessible mode
Turn off more accessible mode
Skip Ribbon Commands
Skip to main content
Turn off Animations
Turn on Animations
Not following
Getting Started
Our Websites
Approval Process
Roles & Responsibilities
Training & Permissions
How-Tos
Currently selected
Plan Content
Web content with goals
User research
Draft content
Website Analytics Reports
Content Inclusion Criteria
Upload & Format Content
The Basics
Pages
Accordions
Feature Boxes
Links & Buttons
Numbered Lists
Tabs
Manage Documents & Rich Media
Documents
Images
PDFs
Videos
The Tip Jar Archive
Page Design
Structure & Navigation
Main Menu
Breadcrumbs
In This Section Menu
Left Pullout Menu
Responsive Menu
Search
Typography
Headers
Lead Paragraph
Body text
Lists
Inset Text & Block Quotes
Tables
Template Examples & Tips
Article Example
Basic Example
Basic Plus Example
Clinic Example
Events Example
Gallery Example
Referral Example
Organize Your Content
Pages
Accordions
Documents
Feature Boxes
Images
Links & Buttons
Steps
Tabs
Videos
Writing Style
Create Good Content
Write for the Web
Spelling
Accessibility & Alt Text
Plain Language Tips & Examples
Search Engine Optimization (SEO)
Follow PHSA Style
Contact
Accordions
It looks like your browser does not have JavaScript enabled. Please turn on JavaScript and try again.
Getting Started
Our Websites
Approval Process
Roles & Responsibilities
Training & Permissions
How-Tos
Plan Content
Web content with goals
User research
Draft content
Website Analytics Reports
Content Inclusion Criteria
Upload & Format Content
The Basics
Pages
Accordions
Currently selected
Feature Boxes
Links & Buttons
Numbered Lists
Tabs
Manage Documents & Rich Media
Documents
Document File Names
Document Libraries
PDFs
Images
PDFs
Videos
The Tip Jar Archive
Page Design
Structure & Navigation
Main Menu
Breadcrumbs
In This Section Menu
Left Pullout Menu
Responsive Menu
Search
Typography
Headers
Lead Paragraph
Body text
Lists
Inset Text & Block Quotes
Tables
Template Examples & Tips
Article Example
Basic Example
Basic Plus Example
Clinic Example
Events Example
Gallery Example
Referral Example
Organize Your Content
Pages
Accordions
Documents
Feature Boxes
Images
Links & Buttons
Steps
Tabs
Videos
Writing Style
Create Good Content
Write for the Web
Spelling
Accessibility & Alt Text
Plain Language Tips & Examples
Search Engine Optimization (SEO)
Follow PHSA Style
Contact
Getting Started
Our Websites
Approval Process
Roles & Responsibilities
Training & Permissions
How-Tos
Plan Content
Web content with goals
User research
Draft content
Website Analytics Reports
Content Inclusion Criteria
Upload & Format Content
The Basics
Pages
Accordions
Currently selected
Feature Boxes
Links & Buttons
Numbered Lists
Tabs
Manage Documents & Rich Media
Documents
Document File Names
Document Libraries
PDFs
Images
PDFs
Videos
The Tip Jar Archive
Page Design
Structure & Navigation
Main Menu
Breadcrumbs
In This Section Menu
Left Pullout Menu
Responsive Menu
Search
Typography
Headers
Lead Paragraph
Body text
Lists
Inset Text & Block Quotes
Tables
Template Examples & Tips
Article Example
Basic Example
Basic Plus Example
Clinic Example
Events Example
Gallery Example
Referral Example
Organize Your Content
Pages
Accordions
Documents
Feature Boxes
Images
Links & Buttons
Steps
Tabs
Videos
Writing Style
Create Good Content
Write for the Web
Spelling
Accessibility & Alt Text
Plain Language Tips & Examples
Search Engine Optimization (SEO)
Follow PHSA Style
Contact
Accordions
Page Image
You can make your page shorter (and reduce the amount of scrolling your visitor has to do) by using an accordion to show or hide parts of your content.
Page Content
Using accordions
Download instructions for using accordions
Best practice
Accordion titles are no more than 45 characters and are in sentence case
Accordions do not include buttons, block quotes or other accordions
Accordions appear in the main page area only