Bootstrap 5 Collapse Options

Bootstrap5 collapse options are used to group the collapsible elements under a single parent. It can be done by extending the data attributes with the option name along with "data-" for example data-bs-parent="".

Bootstrap 5 Collapse Options Attributes:

• data-bs-parent : If we have a multiple collapses under the same parent we can use these data attributes. These attributes close all the other collapsible items when one item is shown.By default, it is false if want to enable these pass data-bs-parent="parent_id" as shown in example1.
• data-bs-toggle: Toggle is the common attribute that is used to add the togglable feature to our collapse element. By default the data-bs-toggle is true.

Syntax :

<div class="collapse" data-bs-*="id"> 
 Contents... 
<div>

The '*' can be replaced by parent/toggle.

Example 1:In this example, we will demonstrate data-bs-toggle.

Output :

Example 2:In this example we will demonstrate the collapse option "data-bs-parent".

Output :

Reference: https://getbootstrap.com/docs/5.0/components/collapse/#options