Accordion

Accordions are useful to toggle data between hide and show. If you have large amount of data then you can easily mange it by using accordin.

Example of Code

<div class="panel panel-default">
  <div class="panel-heading">
    <h4 class="panel-title">
      <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><span class="glyphicon glyphicon-plus"></span> What is Bootstrap?</a>
    </h4>
  </div>
  <div id="collapseTwo" class="panel-collapse collapse in">
    <div class="panel-body">
      <p>Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. It is a collection of CSS and HTML conventions. <a href="http://schools.inimisttech.com/tutorial/topic/Bootstrap" target="_blank">Learn more.</a></p>
    </div>
  </div>
</div>

Output