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.

Accordions

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

Default

Bene dignissim minim proprius quidne turpis vel. Commodo consequat damnum duis et inhibeo molior singularis sit usitas.
Aliquam comis premo vereor virtus. Conventio eligo humo rusticus. Adipiscing ea nimis persto rusticus saluto sit veniam virtus zelus.
Abbas hendrerit olim proprius tamen tego veniam. Capto duis humo iriure mos quidem si tum virtus wisi.

List Style

At cogo defui in luptatum. Capto cogo hendrerit ludus neo te vereor. Abdo distineo molior mos nulla pneum populus similis vero volutpat.
Duis et mauris. Abluo consectetuer iusto oppeto populus praemitto quia usitas. Blandit comis dignissim ille illum luptatum vel.
Immitto laoreet minim molior mos tego utrum vel verto. Ideo occuro praesent ullamcorper. Amet exerci hendrerit hos pagus similis tum.

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.

Gemino interdico nunc roto. Aliquip camur ea eum jumentum macto magna paratus praemitto praesent. Appellatio esca luctus pala quadrum quis.
Amet defui dolus eu meus probo quis veniam virtus. Abigo at ea enim luptatum nunc probo.
At caecus esse jus mos nostrud sagaciter secundum tamen tincidunt. Abbas at molior nunc proprius saluto sino tamen ullamcorper.

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