Basic
Toggle the visibility of content across your project with a few classes and our JavaScript plugins.

Multiple targets
Show and hide multiple elements by referencing them with a selector.


Horizontal Collapse
The collapse plugin also supports horizontal collapsing. Add the .collapse-horizontal modifier class to transition the width instead of height and set a width on the immediate child element.

This is some content from a media component. You can replace this with any content and adjust it as
needed.