Collapse
Toggle the visibility of content across your project with a few classes and our JavaScript plugins.
Basic
Click the buttons below to show and hide another element via class changes.
Multiple Targets
A <button>or <a>can show and hide multiple elements by referencing them with a JQuery selector in its hrefor data-targetattribute. Multiple <button>or <a>can show and hide an element if they each reference it with their hrefor data-targetattribute.
Accordion Example
Using the cardcomponent, you can extend the default collapse behavior to create an accordion. To properly achieve the accordion style, be sure to use .accordionas a wrapper.
