Bootstrap Collapse | bootstrap collapse
BasicCollapsibleCollapsiblesareusefulwhenyouwanttohideandshowlargeamountofcontent:ClickMeLoremipsumdolorsitamet,consecteturadipisicingelit,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Utenimadminimveniam,quisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequat.ExampleCollapsible
Collapsibles are useful when you want to hide and show large amount of content:
Click MeLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Example Collapsible<div id="demo" class="collapse">Lorem ipsum dolor text....</div>
Try it Yourself »[1] Example ExplainedThe .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">).
Note: For <a> elements, y...