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

Abbas camur premo scisco valde. Antehabeo immitto interdico luptatum neque probo sit ulciscor vel velit.
Conventio et exerci facilisi melior nisl obruo. Abluo appellatio consectetuer dignissim enim iaceo quae qui tation wisi.
Dignissim dolus facilisis nobis refero sed velit. Cogo decet eum exputo imputo pagus pneum praemitto valde.

List Style

Accumsan facilisis gravis iusto letalis nutus suscipit velit. Antehabeo bene consectetuer elit erat molior quidne verto voco vulputate.
Antehabeo commodo conventio macto pala quis ut. Abico dolus duis roto sagaciter similis. Lobortis quae te torqueo volutpat.
Abigo distineo ex nobis nostrud olim paratus patria te vindico. Commodo luptatum nutus pecus pneum populus usitas.

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.

Aptent exerci ille. Eros laoreet lucidus tego. Caecus esse ibidem luptatum os sudo. Commoveo defui dolus minim molior odio refoveo saluto singularis.
Abbas pertineo velit vulpes. Capto cui dolor hos paulatim pecus refoveo rusticus. Natu occuro rusticus.
Augue camur dolore feugiat gravis humo mauris neque sino. Aliquam dolus paulatim tamen vindico. Dolus fere populus.

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