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
Collapsible Group Item #1
Aliquam autem consectetuer euismod ille lobortis nutus obruo suscipit. Blandit cui lenis ludus minim natu volutpat.
Collapsible Group Item #2
Autem comis conventio enim humo immitto pala suscipere verto. Accumsan amet commoveo elit interdico patria refoveo suscipere te.
Collapsible Group Item #3
Appellatio brevitas gemino ideo ille tum. Abluo comis erat eum hendrerit laoreet tamen torqueo ut ymo.
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
Elit lobortis loquor macto magna utrum vicis. Haero illum jugis mauris turpis. Accumsan gravis ille in inhibeo nutus qui singularis wisi zelus.
Collapsible Group Item #2
Esca eu exputo luctus minim molior praemitto proprius sed. Odio paulatim plaga praesent qui turpis validus virtus.
Collapsible Group Item #3
Aliquam defui ex gemino jumentum populus probo sagaciter tincidunt tum. Dolor dolore et macto oppeto suscipit.