Example
Click the buttons below to show and hide another element via class changes:
Accordion example
Using the card component, you can extend the default collapse behavior to create an accordion.
You can also create accordions with custom markup. Add the data-children
attribute and specify a set of sibling elements to toggle (e.g., .item
).
Then, use the same attributes and classes as shown above for connectinh toggles to their associated content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium lorem non vestibulum scelerisque. Proin a vestibulum sem, eget tristique massa. Aliquam lacinia rhoncus nibh quis ornare.
Donec at ipsum dignissim, rutrum turpis scelerisque, tristique lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus nec dui turpis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.