Collapse

Toggle the visibility of content across your project with a few classes and javascript. Read the Official Bootstrap Documentation for a full list of instructions and other options.


Basic Example

Click the buttons below to show and hide another element via class changes.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
<a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">Toggle Content</a>

<div class="collapse mg-t-5" id="collapseExample">
  <!-- any content goes here -->
</div>

Multiple Target

A button or link can show and hide multiple elements by referencing them with a jquery selector in its href or data-target attribute.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.