Styleguide Navigation
Collapsible
Open via inline link (1)
Open via inline link (2)
Named
We will animate the size of a named collapsible whenever it's status changes. So don't change the visiblity of the collapsible container with CSS, but rather its children.
Show Code
Group
We will only allow one collapsible of group to be open (and auto-close all others). This will behave like an accordion.
Show Code
API
It is very simple to open/close a collapsible via custom JS. Just change the data-hidden attribute and we take care of the rest.
Show Code
Collapsible Anchor Opener
Show Code
Collapsible Anchor Opener (2)
Show Code
Auto expanding collapsible
Show Code