SharePoint can already collapse page sections. Why use an accordion web part?

Modern SharePoint pages can make a whole page section collapsible. The Accordion web part puts a set of collapsible items inside one web part, each with its own heading and rich text. You can reorder the items, choose whether opening one closes the others, and set your own colours.

Can opening one section close the others?

Yes. It is a setting: turn it on and only one section is open at a time.

Can I buy Accordion on its own?

Accordion is part of the OfficeApps.IO Style Suite. One licence covers all 10 web parts on every site in your Microsoft 365 tenant, for £825 + VAT a year.

Which versions of SharePoint does Accordion work with?

SharePoint Online in Microsoft 365. It is built on the SharePoint Framework (SPFx) and does not run on SharePoint Server (on-premises).

Accordion: a collapsible sections web part for SharePoint

Collapsible sections that keep long content tidy and easy to scan.

Start your free 30-day trial See all 10 web parts

No card or sign-up needed. One licence covers your whole tenant.

Accordion

Collapsible sections that keep long content tidy and easy to scan.

Organise FAQs, policies and guidance into collapsible sections, so readers see the headings first and open only what they need. Every section supports rich text, sections can be reordered, and you choose whether opening one section closes the others. Use your SharePoint theme colours or set your own.

Key features

Rich-text content in every section
Optional auto-close of other sections
Reorder sections
SharePoint theme colours or custom colours

Where teams use Accordion

FAQs
Policies and procedures
Guidance and how-to content

Add Accordion to a page in three steps

The installation guide has the full instructions and requirements.

Install the suite
Upload the package to your SharePoint app catalogue. It takes about five minutes, and your free 30-day trial starts automatically.
Add it to a page
Edit the page, select the + sign where you want it, and choose Accordion from the web part list.
Set it up in the settings pane
Choose the content, layout and colours in the standard SharePoint settings pane. No code needed.

Accordion questions

Found a problem or have an idea? Report a bug or request a feature for Accordion.

9 more web parts in the same licence

Every licence includes the whole suite, for every site in your tenant.

Quick Links Extra
Branded link collections in five layouts, with images, descriptions and audience targeting.
Page Banner
A branded header for any page, with parallax background image, title, subtitle and page tags.
Page Navigation
An in-page menu that takes readers straight to the section they need on long pages.
Page Management
A wiki-style page tree for knowledge bases, handbooks and documentation sites.
Text Tiles
Rich-text tiles for service catalogues, highlights and key messages.
Interactive Image Map
Clickable hotspots on any image, from floor plans and site maps to process diagrams.
Page Tags
Show a page's metadata as clickable tags or a tag cloud.
Back to Top
A customisable button that takes readers back to the top of long pages.
Remove SharePoint Elements
Hide standard SharePoint and Microsoft 365 page elements for a cleaner, app-like page.