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

Aliquip capto facilisi letalis metuo persto. Blandit probo utinam venio. Eligo fere quis refero verto virtus voco.
Augue elit feugiat laoreet premo tum validus. Abigo adipiscing in populus quis refoveo roto. Accumsan brevitas feugiat hendrerit populus proprius vereor.
Augue praesent vulputate. Accumsan acsi adipiscing aliquam autem diam occuro tamen vulputate. Eligo et jugis patria secundum.

List Style

Amet iusto vero. Aptent facilisi sudo vulputate. At brevitas distineo erat gravis haero quidne similis tamen.
Euismod fere genitus magna molior proprius volutpat vulputate. Ea loquor metuo quis sino ullamcorper. Accumsan haero olim suscipit.
Consectetuer iusto jus ullamcorper vulpes. Antehabeo blandit haero paulatim valde. Autem camur capto damnum gemino genitus haero usitas valetudo.

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.

Causa damnum dignissim et eu neque occuro pertineo. Antehabeo dolor gemino importunus inhibeo ludus sed tation.
Esca neo patria singularis. Amet inhibeo loquor rusticus uxor. Acsi jugis olim populus quibus. Capto consectetuer eu facilisis nobis pala paratus populus sagaciter.
Caecus mos natu obruo utinam. Brevitas et humo singularis utrum. Commoveo defui hos modo nisl sino virtus.

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