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.
Multiple targets
Accordions
By combining the collapse functionality with the cards component you can create flexibility accordions.
Default
Collapsible Group Item #1
Collapsible Group Item #2
Collapsible Group Item #3
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.