--- layout: docs title: Collapse description: Toggle the visibility of content across your project with a few classes and our JavaScript plugins. group: components toc: true --- ## Example Click the buttons below to show and hide another element via class changes: - `.collapse` hides content - `.collapsing` is applied during transitions - `.collapse.show` shows content You can use a link with the `href` attribute, or a button with the `data-target` attribute. In both cases, the `data-toggle="collapse"` is required. {% example html %}