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 href
or data-target
attribute. Multiple <button>
or <a>
can show and hide an element if they each reference it with their href
or data-target
attribute.
Accordion Example
Using the card component, you can extend the default collapse behavior to create an accordion. To properly achieve the accordion style, be sure to use .accordion
as a wrapper.