Bootstrap 3 Collapse
Use Bootstrap's .collapse and related classes to add collapsible content to your website.
Collapsible content is popular for things like FAQ lists, and other lists that contain content items contained within a heading.
Collapse using a Link
You can use use a link to collapse content. To do this, use the <a> tag with an href value of the ID of the content to collapse.
On the collapsible content's container, add the .collapse class, and be sure to give it an ID.
Collapse using a Button
To use a button, use the data-target attribute with a value of the ID of the content to collapse.
On the collapsible content's container, add the .collapse class, and be sure to give it an ID.
Accordion
To make an "accordion", add the .in class to the collapsible content to have it expanded when the page loads. Also use aria-expanded="true" in this case.