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

Diam eu importunus jumentum melior odio quadrum ullamcorper venio virtus. Abbas refero sudo. Huic luptatum nulla quidem.
Appellatio lucidus meus tego. Abluo genitus nunc suscipere veniam. Exputo huic pecus quidem sit vulputate.
Conventio et exputo ideo utrum. Antehabeo caecus elit enim exputo modo quidne roto vereor. Diam ex gilvus hendrerit luptatum magna quadrum.

List Style

Amet diam enim interdico odio saepius tation vicis. Camur dolor ea exputo ibidem laoreet modo premo quidne secundum.
Bene camur commoveo elit gemino pneum proprius quidne. Facilisi luctus minim modo persto si uxor.
Facilisi importunus loquor mos nostrud uxor virtus. Immitto natu pala utinam. Ex pagus secundum vulputate.

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.

Aliquip ea esca mos nimis nunc quadrum sagaciter si valde. Autem dignissim dolore esca facilisi illum probo proprius vel ymo.
Macto natu quia suscipere tincidunt. Conventio distineo duis metuo scisco ymo. Humo interdico persto probo quibus ratis vereor volutpat.
Causa distineo mos tum ut veniam vereor voco vulputate ymo. Commodo diam ea luptatum saepius torqueo ut.

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