+91 90691 39140 | +1 253 214 3115 | info@hub4tech.com | hub4tech

Bootstrap Collapse Video


Basic Collapsible

Collapsibles are useful when you want to hide and show large amount of content:
Basic Collapsible

Basic Collapsible

Example Explained

The .collapse class indicates a collapsible element (a < div > in our example); this is the content that will be shown or hidden with a click of a button. To control (show/hide) the collapsible content, add the data-toggle="collapse" attribute to an < a > or a < button > element. Then add the data-target="#id " attribute to connect the button with the collapsible content (< div id="demo" >).
Basic Collapsible

Accordion

Basic Collapsible

Basic Collapsible

The following example shows a simple accordion by extending the panel component. The data-parent attribute is used to make sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.
Basic Collapsible



Is it Helpful?
Copyright ©2015 Hub4Tech.com, All Rights Reserved. Hub4Tech™ is registered trademark of Hub4tech Portal Services Pvt. Ltd.
All trademarks and logos appearing on this website are the property of their respective owners.
FOLLOW US