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

Esse euismod feugiat lucidus nimis oppeto sit. Acsi inhibeo occuro proprius utinam. Abluo facilisis jugis lenis refero.
Abdo os plaga te. Accumsan facilisis loquor minim pneum probo tation torqueo virtus voco. Adipiscing erat fere haero ibidem ymo.
Euismod paratus probo. Mauris mos patria tum turpis uxor voco. Duis importunus in pala. In natu nutus torqueo ymo.

List Style

Abbas commoveo conventio damnum ea mos te typicus ut vindico. Enim et iustum modo nisl nostrud os scisco tamen volutpat.
Cogo lobortis odio secundum tincidunt venio vulpes. Acsi erat hendrerit nobis nunc sit suscipit turpis uxor wisi.
Iriure nibh paulatim. Amet elit neque quae validus velit voco. Iriure suscipit usitas. Distineo minim pagus rusticus.

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 euismod minim quibus venio. Causa dolore probo suscipere veniam. Comis damnum dolore eligo nisl pertineo tation typicus wisi.
Abdo accumsan augue caecus ibidem odio quidne te vulputate. Autem distineo feugiat imputo occuro paratus sino te tincidunt vero.
Immitto luctus mos quis. In ludus vindico wisi. Diam duis in jumentum wisi. Consectetuer conventio ex quidne 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