Reveal hidden content when title is clicked.
Never put a collapsible component inside another collapsible component. It will break your page.
Last Reviewed: April 14, 2021
There is only one tab for settings.
You can immediately adjust settings in Edit Mode, but to modify content inside the container additional steps are required.
With the exception of another Collapsible Container, most of our components work very well in a Collapsible Container, including Column Controls.
Title: Enter a descriptive heading. By default "Collapsible Content" will be shown.
Start Mode: Choose your preference between Collapsed (default) or Expanded.
ID: Enter to build an anchor for targeted linking. Optional.
Exclude from "on this page" lists: Prevents this title from being included in the On This Page component.
Title size: Required. Select from
To link to a Collapsible Content Container, first set an ID in its properties, which becomes an anchor. You can now build a direct link to that container, as hashtagID (or /content/.../page#ID), and when the page loads, it will display the container in its expanded mode.
For example, the following link should load the second of the examples at the bottom of this page in expanded mode:
When you build a targeted link to a Collapsible Content component using its ID, the component will automatically expand when the page is loaded to that location.
Similarly, if you deep link to content that is contained WITHIN a Collapsible Content component, the page will load with that normally hidden content revealed.