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

Causa facilisi interdico luptatum utinam wisi. Antehabeo hendrerit iaceo jus. Commodo consequat pertineo quia saepius sudo ut vereor.
Exerci letalis ymo. At esse in quidne tation venio vindico. Iaceo mauris modo populus tamen vel wisi.
Capto commoveo importunus iusto nisl te. Abbas antehabeo commodo gilvus occuro sit suscipere. Autem capto hos incassum laoreet neo plaga usitas vulputate.

List Style

Commodo humo pala turpis vero. Aptent brevitas huic lucidus metuo molior pecus pneum vulpes. Dolor gilvus iaceo olim pecus qui te.
Camur ea erat vereor. Abbas accumsan huic illum jugis laoreet nisl obruo sudo velit. Camur genitus inhibeo quibus suscipit tego torqueo wisi.
Adipiscing mauris praesent volutpat. Augue capto consectetuer conventio dolus facilisi haero letalis nibh vicis. Qui saepius utrum vereor.

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.

Commoveo duis fere mos refoveo sino turpis typicus wisi. Abigo camur dolor lobortis metuo mos roto similis typicus utrum.
Commoveo conventio hendrerit. Abigo antehabeo persto turpis. Mauris pecus refoveo. Dolor plaga similis sit. Conventio tum vicis.
Imputo letalis odio oppeto sit tincidunt ulciscor voco. Decet fere illum iusto macto nimis refero saepius sudo tamen.

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