application

Collapse

You can use a link and button with the href attribute (and a role="button"). In both cases, the data-bs-toggle="collapse" is required.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Collapse with Multiple targets

A button or a  can show and hide multiple elements by referencing them with a selector in its href or data-bs-target attribute. Multiple button or  a can show and hide an element if they each reference it with their href or data-bs-target attribute

Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default.
Some placeholder content for the second collapse component of this multi-collapse example. This panel is hidden by default.

Collapse with Icon

Here is the example of collapse in which the icon is wrapped within the button collapse toggle.

Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default.
Some placeholder content for the second collapse component of this multi-collapse example. This panel is hidden by default.

Collapse with Multiple targets Horizontal

This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered.