Bootstrap Learning JS Plugin (folding (collapse) plugin)

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:

• with the Data property : Add data-toggle= "collapse" and data-targetto the element to automatically assign control of the collapsible element. The Data-target property accepts a CSS selector and applies a collapse effect to it. Be sure to add Class . Collapseto the collapsible element. If you want it to be turned on by default, add an Extra Class .in.

  In order to add grouping management like a folding panel to a collapsible control, add the Data property data-parent= "#selector".

<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)