<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container "> <div class="panel-group" id="faqAccordion"> <div class="panel panel-default "> <div class="panel-heading accordion-toggle question-toggle collapsed" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question0"> <h4 class="panel-title"><a href="#" class="ing">Help Line</a></h4> </div> <div id="question0" class="panel-collapse collapse" style="height: 0px;"> <div class="panel-body"> <p>Help with registration and monthly fees.</p> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading accordion-toggle collapsed question-toggle" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question1"> <h4 class="panel-title"><a href="#" class="ing">Mobilization</a></h4> </div> <div id="question1" class="panel-collapse collapse" style="height: 0px;"> <div class="panel-body"> <p>Help with registration and monthly fees.</p> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading accordion-toggle collapsed question-toggle" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question2"> <h4 class="panel-title"><a href="#" class="ing">Help and Support</a></h4> </div> <div id="question2" class="panel-collapse collapse" style="height: 0px;"> <div class="panel-body"> <p>Help with registration and monthly fees.</p> </div> </div> </div> </div> <!--/panel-group--> </div>