Bootstrap Tutorial

Usage
Following table lists the classes collapse plugin utilizes to handle the heavy lifting:
Class
.collapse
.collapse.in
.collapsing
Description
hides the content
shows the content
is added when the transition starts, and removed when it finishes
You can use collapse plugin in two ways:
Via data attributes: Add data-toggle="collapse" and a data-target to the element to automatically assign
control of a collapsible element. The data-target attribute will accept a CSS selector to apply the collapse to.
Be sure to add the class .collapse to the collapsible element. If you’d like it to default open, include the
additional class .in.
To add accordion-like group management to a collapsible control, add the data attribute dataparent="#selector".
Via JavaScript: The collapse method can activated with JavaScript as below:
$('.collapse').collapse()
Options
There are certain options which can be passed via data attributes or JavaScript are listed in the following table:
Option
Name
Type/Default
Value
Data
attribute
name
Description
Parent
selector
Default: false
data-parent
If selector then all collapsible elements under the specified parent will
be closed when this collapsible item is shown. (similar to traditional
accordion behavior - this dependent on the accordion-group class)
Toggle
boolean
Default: true
data-toggle
Toggles the collapsible element on invocation.
Methods
The following are some methods useful to use with collapsible elements.
Method Description Example
Options:.collapse(options)
Activates your content as a
collapsible element. Accepts an
optional options object.
$('#identifier').collapse({
toggle: false
})
TUTORIALS POINT
Simply Easy Learning