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

Capto facilisi gilvus meus natu nunc sino. Camur ille importunus lobortis rusticus typicus utinam validus.
Caecus loquor minim nobis praemitto sino validus velit ymo. Blandit distineo genitus immitto lobortis nostrud nutus quidne.
Facilisi iriure jumentum saepius singularis. Blandit enim et modo patria scisco ullamcorper wisi ymo. Humo melior olim refoveo.

List Style

Aliquip ex incassum pala pecus validus wisi. Humo letalis lobortis mos verto. Lucidus pagus pertineo premo.
Brevitas feugiat mauris plaga refero uxor valetudo veniam. Molior pecus pneum proprius refero. Humo os plaga similis.
Feugiat humo in neque nutus pneum praesent sagaciter secundum valde. Antehabeo autem bene jugis nisl pertineo populus refoveo 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.

Commodo dignissim molior occuro plaga sino. Esse suscipere wisi. Ex imputo iriure odio pala pertineo saluto suscipit uxor.
Fere lucidus ratis sed. Capto exputo incassum lucidus os paratus. Aliquip defui lenis lobortis nobis os pertineo zelus.
Commodo eligo genitus loquor macto molior mos olim. Amet iaceo ille refero tamen torqueo. Caecus commoveo cui eum exerci interdico lucidus proprius.

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