Bootstrapfolding (Collapse) plug-in
The collapse (Collapse) plugin makes it easy to fold the page area. Whether you use it to create a collapsed navigation or a content panel, it allows many content options.
usage
The following table lists the class that the collapse (Collapse) plugin uses to handle heavy scaling:
Class |
Description |
|
. collapse |
Hide content. |
|
. collapse.in |
Display content. |
|
. collapsing |
It is added when the transition effect starts and is removed when the transition effect is complete. |
|
You can use the collapse (Collapse) plugin in two ways:
<button type="Button" class="btn Btn-primary"data-toggle="collapse"data-target="#demo">Simple Collapsible Components</button> <divclass= "Collapse"Id="Demo">Nihil anim keffiyeh Helvetica, craft beer labore Wes Anderson cred Nesciunt sapiente ea proident. Ad vegan excepteur butcher vice Lomo. </div>
Without adding extra class. In, the collapsed content is not open by default.
Add in is turned on by default, as follows:
<button type="Button" class="btn Btn-primary"data-toggle="collapse"data-target="#demo">Simple Collapsible Components</button> <divclass="collapse in"Id="Demo">Nihil anim keffiyeh Helvetica, craft beer labore Wes Anderson cred Nesciunt sapiente ea proident. Ad vegan excepteur butcher vice Lomo. </div>
Bootstrap Learning JS plugin (folding (collapse) plugin)