`).
**Note:** For `
` elements, you can use the `href` attribute instead of the `data-target` attribute:
## Example
Collapsible
Lorem ipsum dolor text....
[Try it Β»](#)
By default, the collapsible content is hidden. You can add the `.show` class to show the content by default:
## Example
Lorem ipsum dolor text....
[Try it Β»](#)
The following example demonstrates a simple accordion by extending the card component.
**Note:** Use the `data-parent` attribute to make sure that all collapsible elements under the specified parent will be closed when one of the collapsible items is shown.
## Example
#1 Content: Tutorial -- Learning Not Just Technology, But Dreams!!!
#2 Content: Tutorial -- Learning Not Just Technology, But Dreams!!!
#3 Content: Tutorial -- Learning Not Just Technology, But Dreams!!!
[Try it Β»](#)
[](#)(#)
(#)[](#)