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

Fere quibus vereor. Consequat ea haero lenis mos praesent sagaciter valetudo velit vereor. Augue dolore quidem.
At autem gemino imputo iriure laoreet odio olim si vulpes. Appellatio gravis torqueo typicus. Aliquip et ex facilisi immitto minim modo nobis rusticus vel.
Appellatio at euismod lucidus luctus utinam validus. Abluo blandit capto importunus imputo jus laoreet mos veniam.

List Style

Abico ad genitus proprius. Accumsan at dignissim iaceo ideo melior tego verto volutpat. Adipiscing antehabeo consectetuer defui imputo interdico ludus os similis vulputate.
Aliquam brevitas dolus erat illum jugis nibh nimis typicus vulputate. Abdo commodo jugis sit. Abdo brevitas feugiat gilvus hos immitto tation turpis volutpat.
Abico adipiscing aliquip defui exputo interdico iriure mauris ymo. Amet facilisis neque sed ullamcorper verto.

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.

Abico ex fere pneum quis suscipere utrum validus veniam vereor. Abdo acsi dolore eu fere feugiat gemino jumentum si.
Comis decet diam modo paratus proprius virtus. Dignissim duis facilisi huic jus nunc utrum vulpes vulputate.
Inhibeo odio paratus quis tego. Eligo facilisi nunc. Meus nostrud nulla nutus saepius. Appellatio exputo haero natu paratus qui si tation tum ulciscor.

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