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
Collapsible Group Item #1
Enim praesent tamen. Brevitas eros hos luctus macto obruo quis ullamcorper. Acsi erat nisl nostrud paratus.
Collapsible Group Item #2
Autem causa ideo inhibeo mos nimis. Dolor facilisis humo minim odio oppeto suscipit torqueo turpis.
Collapsible Group Item #3
Abigo augue dolor nobis nunc praesent qui turpis velit wisi. Autem melior sino validus. Abdo aliquam cui imputo jus lenis quadrum utrum validus wisi.
List Style
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.
Collapsible Group Item #1
Appellatio consequat saepius. Blandit eligo laoreet macto molior plaga ratis rusticus ullamcorper zelus. Cogo eum exputo jumentum paratus quidne rusticus tego.
Collapsible Group Item #2
Ibidem jumentum ludus pagus utinam. Abluo incassum sino. Cogo proprius veniam. Autem illum jus pala premo quae quidem scisco.
Collapsible Group Item #3
Facilisis immitto inhibeo jumentum letalis mauris molior refoveo sed wisi. Feugiat praesent venio. Augue eum exerci inhibeo jus nisl nostrud ratis sagaciter.