<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="row">
<div class="col-md-3">
<div class="panel-group panel-group" id="accordion2Primary">
<div ><h4>API Product</h4>
<div class="panel-heading">
<p class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2Primary" href="#collapse2api1" aria-expanded="false">
What is your greatest strength? </a>
</p>
</div>
<div id="collapse2api1" class="accordion-body collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<p>This is one of the questions that employers almost always ask. When you are asked about your greatest strengths, it's important to discuss the attributes that will qualify you for the specific job and set you apart from the other candidates.</p>
</div>
</div>
</div>
<div >
<div class="panel-heading">
<p class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2Primary" href="#collapse2api2" aria-expanded="false">
How should a page of FAQs be titled?
</a>
</p>
</div>
<div id="collapse2api2" class="accordion-body collapse" aria-expanded="false">
<div class="panel-body">
<p>It is LSE web style to title a page of FAQs 'Frequently asked questions (FAQs)'. While the abbreviation is in quite common usage this ensures that there can be no mistaking what they are.</p>
</div>
</div>
</div>
<div >
<div class="panel-heading">