Accordion – An accordion with an active and inactive panel
From Bootstrap - Demo Wiki
| 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>
