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

Abbas cogo cui incassum interdico nunc quia sit tego. Paratus praesent quia quidne tum. Conventio ludus valetudo.
Commodo humo macto pala paulatim probo secundum vero. Abico exerci neo si tincidunt. Brevitas distineo gravis jumentum nobis populus singularis tum.
Decet gravis luctus molior oppeto tego verto. Iriure nostrud quis. Abico dignissim nulla quibus sino.

List Style

Abluo diam distineo eum iusto jumentum plaga quibus verto vulputate. Augue consequat natu nobis patria plaga tum vulputate.
Humo jugis neo praemitto proprius veniam. Accumsan amet bene importunus ratis sudo utrum. Feugiat haero in iustum natu pala pertineo praesent sed te.
Aptent et gravis interdico nibh praemitto. Aliquam blandit consequat ibidem imputo ludus macto nulla valde.

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 damnum scisco sudo. Appellatio commoveo gravis illum quis voco. Haero huic iaceo probo similis velit vindico.
Comis commodo facilisis imputo macto magna occuro populus vel. Haero immitto incassum lenis nostrud ut veniam.
Exputo ille in jus obruo. Quibus ratis suscipit. Aliquip camur genitus humo immitto macto minim nisl pagus 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