Direct naar hoofdinhoud

Hoofdnavigatie

Platform Beta

Collapsible (deprecated)

.collapsible (deprecated)

This component is deprecated. Please use Collapse component. This is more accessible version of this component.

An element that contains a clickable header and a body element that is toggled visible/invisible upon clicking For Javascript functionality, this element requires `data-controller="generic/ui/Collapsible"` to be set on the parent container. This will cause the first child component to become the header and the second to become the body element.

Markup

<div class="collapsible" data-controller="generic/ui/Collapsible">
    <div class="collapsible__header">Header</div>
    <div class="collapsible__body">Body</div>
</div>