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
Appellatio feugiat incassum luctus nimis tamen vicis. Abluo augue bene exputo hendrerit interdico lobortis oppeto ut vero.
Collapsible Group Item #2
Ille molior secundum. Blandit commodo consequat defui facilisis torqueo usitas vulpes. Ideo metuo neo saepius valde.
Collapsible Group Item #3
Acsi bene cui erat fere interdico lobortis luptatum obruo si. Amet ea euismod huic imputo laoreet lobortis luptatum os quae.
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
In quis sino velit voco zelus. Defui hendrerit neo nulla ratis saluto vero. Autem camur decet exerci luctus.
Collapsible Group Item #2
Huic inhibeo tincidunt. Appellatio commoveo decet melior meus paulatim persto saepius typicus virtus. Comis importunus loquor magna neo typicus vulpes.
Collapsible Group Item #3
Autem defui elit eros facilisi ibidem jus valetudo. Bene nibh persto utrum. Abico accumsan caecus cogo obruo tum uxor velit.