Skip to content

Elements:Collapse / Accordions

The collapse plugin allows content to be "collapsed" and hidden and a trigger to show it like with an accordion effect.

Basic Example

The trigger element should have a data-toggle="collapse" attribute and either a href or data-target attribute pointing to the target element it should control.

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.

Multiple targets

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.

Accordions

By combining the collapse functionality with the cards component you can create flexibility accordions.

Default

Laoreet odio paulatim tamen verto. Comis genitus haero iaceo incassum inhibeo luctus refero typicus. Cogo duis enim ideo illum iriure lobortis nobis occuro persto.
At genitus nulla nutus patria ut valetudo. Distineo esca in jumentum paulatim. Augue autem conventio decet facilisis gemino quae.
Antehabeo conventio esca facilisi jugis suscipit ulciscor usitas. Acsi bene elit iustum natu obruo paratus utrum ymo.

List Style

Abbas eligo mauris os plaga praemitto qui tamen velit. Abdo abigo ea lucidus luctus sit utinam.
Modo scisco typicus vicis. Huic humo populus premo wisi. Causa euismod jumentum loquor nulla veniam.
Amet inhibeo luctus magna populus sudo. Eu probo quis. Commodo eros ex ideo iusto minim.

Accordion Scroll To Top

Add the attribute data-accordion-focus to the card-accordion element to have the page scroll to the top of the accordion when the accordion items are clicked.

Comis commodo facilisi premo voco. Distineo oppeto persto tation venio voco. Capto defui diam eu interdico refero veniam.
Distineo mos sed tego validus. Abbas autem cui facilisi nostrud olim scisco ymo. Enim ex neo neque.
Cogo cui defui ex fere pneum sagaciter similis. Augue causa incassum persto. Defui et pagus persto.

Awesome Features

99.9% Uptime Free Upgrades Fully Responsive Bug Free

Theme Colours

Green Red Blue Purple Pink Orange Lime Blue-dark Red-dark Brown Cyan-dark Yellow Slate Olive Teal Green-bright

Cookies are NOT enabled so colour selection is not persistent.

Back to main homepage

Back to intro page