Accordion – An accordion with an active and inactive panel

Component
Name	Accordion
Description	An accordion with an active and inactive panel
Provider	Skin
Reference	BootstrapComponents Extension docs - accordion
Styling	For all possible color styles and corresponding examples, see colors.

Accordion with an active and inactive panel

Result

Lorem ipsum 1

This is an accordion panel that is active by default, i.e. its content will be visible when the page is loaded, but it can still be collapsed.

Lorem ipsum 2

This is an accordion panel that is inactive by default, i.e. its content will be hidden when the page is loaded, but it can still be expanded.

Code

<bootstrap_accordion>
<bootstrap_panel heading="Lorem ipsum 1" active>
This is an accordion panel that is active by default, i.e. its content will be visible when the page is loaded, but it can still be collapsed.
</bootstrap_panel>
</bootstrap_accordion>
<bootstrap_panel heading="Lorem ipsum 2">
This is an accordion panel that is inactive by default, i.e. its content will be hidden when the page is loaded, but it can still be expanded.
</bootstrap_panel>

See also

• Accordion – An accordion with an active panel
• Accordion – An accordion with an inactive panel

This wiki contains content from the Bootstrap homepage, licensed Commons Attribution 3.0 Unported (CC BY 3.0). Thank you to everyone for creating outstanding content!