title: How to expand/collapse bootstrap accordion on panel-heading click event?
body: <p>I try to Expand/Collapse 'panel-body' on 'panel-heading' on click event instead of  <code>&lt;a&gt;</code> on click (default), but it's not working.</p>
  
  <p>Here is my html markup:</p>
  
  <pre><code>&lt;div class="panel-group" id="orderAccordion" role="tablist" aria-multiselectable="true"&gt;
          &lt;!-- PORTAL DESIGN --&gt;
          &lt;div class="panel panel-transparent"&gt;
              &lt;div class="panel-heading" role="tab" id="headingPortalDesign"&gt;
                &lt;h4 class="panel-title before-icon"&gt;
                  &lt;a role="button" data-toggle="collapse" data-parent="#orderAccordion" href="#collapsePortalDesign" aria-expanded="true" aria-controls="collapsePortalDesign"&gt;
                    Portal Design
                  &lt;/a&gt;
                &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapsePortalDesign" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingPortalDesign"&gt;
                &lt;div class="panel-body website-design"&gt;
                  &lt;ul class="list-unstyled"&gt;
                      &lt;li&gt;&lt;span class="radio no-margin"&gt;&lt;label&gt;&lt;input type="radio" name="web_design" data-price="15000" value="Website Design"&gt;Website design required&lt;/label&gt;&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span class="radio no-margin"&gt;&lt;label&gt;&lt;input type="radio" name="web_design" data-price="7000" value="Website Re-Design"&gt;Re-Design existing website&lt;/label&gt;&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span class="radio no-margin"&gt;&lt;label&gt;&lt;input type="radio" name="web_design" data-price="0" value="Not Required"&gt;Website design not required&lt;/label&gt;&lt;/span&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- PORTAL DESIGN END --&gt;
  
          &lt;!-- MOBILE RECHARGE API START --&gt;
          &lt;div class="panel panel-transparent"&gt;
              &lt;div class="panel-heading" role="tab" id="headingTwo"&gt;
                &lt;h4 class="panel-title before-icon"&gt;
                  &lt;a href="#collapseTwo" id="mobile-recharge-api" role="button" data-toggle="collapse" data-parent="#orderAccordion"  aria-expanded="true" aria-controls="collapseTwo"&gt;
                    Recharge API's
                  &lt;/a&gt;
                &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo"&gt;
                &lt;div class="panel-body mobile-api-plan"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-sm-4"&gt;
                          &lt;div class="panel panel-light panel-center panel-recharge"&gt;
                              &lt;div class="panel-heading"&gt;
                                  &lt;div class="panel-title"&gt;&lt;h4&gt;Basic Plan&lt;/h4&gt;&lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="panel-body"&gt;
                                  &lt;div class="s-features"&gt;
                                      &lt;ul class="list-unstyled"&gt;
                                          &lt;li&gt;Lorem ipsum dolor&lt;/li&gt;
                                          &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                          &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                          &lt;li&gt;Lorem&lt;/li&gt;
                                          &lt;li&gt;-&lt;/li&gt;
                                          &lt;li&gt;-&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="plan-and-pricing.html"&gt;Read More&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="panel-footer"&gt;
                                  &lt;input type="radio" name="api-mobile" data-price="18000" value="Basic"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="col-sm-4"&gt;
                          &lt;div class="panel panel-light panel-center panel-recharge"&gt;
                              &lt;div class="panel-heading"&gt;
                                  &lt;div class="panel-title"&gt;&lt;h4 class="text-center"&gt;Business Plan&lt;/h4&gt;&lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="panel-body"&gt;
                                  &lt;div class="s-features"&gt;
                                      &lt;ul class="list-unstyled"&gt;
                                          &lt;li&gt;Lorem ipsum dolor&lt;/li&gt;
                                          &lt;li&gt;Lorem ipsum dolor dedyh&lt;/li&gt;
                                          &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                          &lt;li&gt;Lorem&lt;/li&gt;
                                          &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                          &lt;li&gt;-&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="plan-and-pricing.html"&gt;Read More&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="panel-footer"&gt;
                                  &lt;input type="radio" name="api-mobile" data-price="25000" value="Business"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="col-sm-4"&gt;
                          &lt;div class="panel panel-light panel-center panel-recharge"&gt;
                              &lt;div class="panel-heading"&gt;
                                  &lt;div class="panel-title"&gt;&lt;h4&gt;Enterprise Plan&lt;/h4&gt;&lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="panel-body"&gt;
                                  &lt;div class="s-features"&gt;
                                      &lt;ul class="list-unstyled"&gt;
                                          &lt;li&gt;Lorem ipsum dolor&lt;/li&gt;
                                          &lt;li&gt;Lorem ipsum dolor dedyh&lt;/li&gt;
                                          &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                          &lt;li&gt;Lorem&lt;/li&gt;
                                          &lt;li&gt;-&lt;/li&gt;
                                          &lt;li&gt;-&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="plan-and-pricing.html"&gt;Read More&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="panel-footer"&gt;
                                  &lt;input type="radio" name="api-mobile" data-price="150000" value="Enterprise"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- MOBILE RECHARGE API END --&gt;
  
          &lt;!-- UTILITY BILL API START --&gt;
          &lt;div class="panel panel-transparent"&gt;
              &lt;div class="panel-heading" role="tab" id="headingUtilityBill"&gt;
                  &lt;h4 class="panel-title before-icon"&gt;
                  &lt;a href="#collapseUtilityBill" role="button" data-toggle="collapse" data-parent="#orderAccordion" aria-expanded="true" aria-controls="collapseUtilityBill"&gt;
                      Utility Bill Payment API's
                  &lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="collapseUtilityBill" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingUtilityBill"&gt;
                  &lt;div class="panel-body utility-api-plan"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-sm-4"&gt;
                              &lt;div class="panel panel-light panel-center panel-utility"&gt;
                                  &lt;div class="panel-heading"&gt;
                                      &lt;div class="panel-title"&gt;&lt;h4&gt;Basic Plan&lt;/h4&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-body"&gt;
                                      &lt;div class="s-features"&gt;
                                          &lt;ul class="list-unstyled"&gt;
                                              &lt;li&gt;Lorem ipsum dolor&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;Lorem&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="plan-and-pricing.html"&gt;Read More&lt;/a&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-footer"&gt;
                                      &lt;input type="radio" name="api-utlitybill" data-price="18000" value="Basic"&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-sm-4"&gt;
                              &lt;div class="panel panel-light panel-center panel-utility"&gt;
                                  &lt;div class="panel-heading"&gt;
                                      &lt;div class="panel-title"&gt;&lt;h4 class="text-center"&gt;Business Plan&lt;/h4&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-body"&gt;
                                      &lt;div class="s-features"&gt;
                                          &lt;ul class="list-unstyled"&gt;
                                              &lt;li&gt;Lorem ipsum dolor&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum dolor dedyh&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;Lorem&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="plan-and-pricing.html"&gt;Read More&lt;/a&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-footer"&gt;
                                      &lt;input type="radio" name="api-utlitybill" data-price="25000" value="Business"&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-sm-4"&gt;
                              &lt;div class="panel panel-light panel-center panel-utility"&gt;
                                  &lt;div class="panel-heading"&gt;
                                      &lt;div class="panel-title"&gt;&lt;h4&gt;Enterprise Plan&lt;/h4&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-body"&gt;
                                      &lt;div class="s-features"&gt;
                                          &lt;ul class="list-unstyled"&gt;
                                              &lt;li&gt;Lorem ipsum dolor&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum dolor dedyh&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;Lorem&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="plan-and-pricing.html"&gt;Read More&lt;/a&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-footer"&gt;
                                      &lt;input type="radio" name="api-utlitybill" data-price="150000" value="Enterprise"&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- UTILITY BILL API END --&gt;
  
          &lt;!-- TRAVEL API START --&gt;
          &lt;div class="panel panel-transparent"&gt;
              &lt;div class="panel-heading" role="tab" id="headingTravel"&gt;
                  &lt;h4 class="panel-title before-icon"&gt;
                      &lt;a href="#collapseTravel" role="button" data-toggle="collapse" data-parent="#orderAccordion" aria-expanded="true" aria-controls="collapseTravel"&gt;
                      Travel API's
                      &lt;/a&gt;
                  &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapseTravel" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTravel"&gt;
                  &lt;div class="panel-body travel-api-plan"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-sm-4"&gt;
                              &lt;div class="panel panel-light panel-center panel-travel"&gt;
                                  &lt;div class="panel-heading"&gt;
                                      &lt;div class="panel-title"&gt;&lt;h4&gt;Basic Plan&lt;/h4&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-body"&gt;
                                      &lt;div class="s-features"&gt;
                                          &lt;ul class="list-unstyled"&gt;
                                              &lt;li&gt;Lorem ipsum dolor&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;Lorem&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="plan-and-pricing.html"&gt;Read More&lt;/a&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-footer"&gt;
                                      &lt;input type="radio" name="api-travel" data-price="18000" value="Basic"&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-sm-4"&gt;
                              &lt;div class="panel panel-light panel-center panel-travel"&gt;
                                  &lt;div class="panel-heading"&gt;
                                      &lt;div class="panel-title"&gt;&lt;h4 class="text-center"&gt;Business Plan&lt;/h4&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-body"&gt;
                                      &lt;div class="s-features"&gt;
                                          &lt;ul class="list-unstyled"&gt;
                                              &lt;li&gt;Lorem ipsum dolor&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum dolor dedyh&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;Lorem&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="plan-and-pricing.html"&gt;Read More&lt;/a&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-footer"&gt;
                                      &lt;input type="radio" name="api-travel" data-price="25000" value="Business"&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-sm-4"&gt;
                              &lt;div class="panel panel-light panel-center panel-travel"&gt;
                                  &lt;div class="panel-heading"&gt;
                                      &lt;div class="panel-title"&gt;&lt;h4&gt;Enterprise Plan&lt;/h4&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-body"&gt;
                                      &lt;div class="s-features"&gt;
                                          &lt;ul class="list-unstyled"&gt;
                                              &lt;li&gt;Lorem ipsum dolor&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum dolor dedyh&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;Lorem&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="plan-and-pricing.html"&gt;Read More&lt;/a&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-footer"&gt;
                                      &lt;input type="radio" name="api-travel" data-price="150000" value="Enterprise"&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- TRAVEL API END --&gt;
  
          &lt;!-- DMR API PLANS START --&gt;
          &lt;div class="panel panel-transparent"&gt;
              &lt;div class="panel-heading" role="tab" id="headingDmr"&gt;
                  &lt;h4 class="panel-title before-icon"&gt;
                      &lt;a href="#collapseDmr" role="button" data-toggle="collapse" data-parent="#orderAccordion" aria-expanded="true" aria-controls="collapseDmr"&gt;
                      Money Transfer API's
                      &lt;/a&gt;
                  &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapseDmr" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingDmr"&gt;
                  &lt;div class="panel-body dmr-api-plan"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-sm-4"&gt;
                              &lt;div class="panel panel-light panel-center panel-dmr"&gt;
                                  &lt;div class="panel-heading"&gt;
                                      &lt;div class="panel-title"&gt;&lt;h4&gt;Basic Plan&lt;/h4&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-body"&gt;
                                      &lt;div class="s-features"&gt;
                                          &lt;ul class="list-unstyled"&gt;
                                              &lt;li&gt;Lorem ipsum dolor&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;Lorem&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="plan-and-pricing.html"&gt;Read More&lt;/a&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-footer"&gt;
                                      &lt;input type="radio" name="api-dmr" data-price="9600" value="Basic"&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-sm-4"&gt;
                              &lt;div class="panel panel-light panel-center panel-dmr"&gt;
                                  &lt;div class="panel-heading"&gt;
                                      &lt;div class="panel-title"&gt;&lt;h4 class="text-center"&gt;Business Plan&lt;/h4&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-body"&gt;
                                      &lt;div class="s-features"&gt;
                                          &lt;ul class="list-unstyled"&gt;
                                              &lt;li&gt;Lorem ipsum dolor&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum dolor dedyh&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;Lorem&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="plan-and-pricing.html"&gt;Read More&lt;/a&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-footer"&gt;
                                      &lt;input type="radio" name="api-dmr" data-price="10500" value="Business"&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-sm-4"&gt;
                              &lt;div class="panel panel-light panel-center panel-dmr"&gt;
                                  &lt;div class="panel-heading"&gt;
                                      &lt;div class="panel-title"&gt;&lt;h4&gt;Enterprise Plan&lt;/h4&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-body"&gt;
                                      &lt;div class="s-features"&gt;
                                          &lt;ul class="list-unstyled"&gt;
                                              &lt;li&gt;Lorem ipsum dolor&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum dolor dedyh&lt;/li&gt;
                                              &lt;li&gt;Lorem ipsum&lt;/li&gt;
                                              &lt;li&gt;Lorem&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;-&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="plan-and-pricing.html"&gt;Read More&lt;/a&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="panel-footer"&gt;
                                      &lt;input type="radio" name="api-dmr" data-price="25000" value="Enterprise"&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- DMR API PLANS END --&gt;
  
          &lt;!-- ADDITIONAL SERVICES CHARGES END --&gt;
          &lt;div class="panel panel-transparent"&gt;
              &lt;div class="panel-heading" role="tab" id="headingoAdditional"&gt;
                  &lt;h4 class="panel-title before-icon"&gt;
                      &lt;a href="#collapseAdditional" role="button" data-toggle="collapse" data-parent="#orderAccordion" aria-expanded="true" aria-controls="collapseAdditional"&gt;
                      Additional Services
                      &lt;/a&gt;
                  &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapseAdditional" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingoAdditional"&gt;
                  &lt;div class="panel-body additional-services"&gt;
                      &lt;ul class="list-unstyled"&gt;
                          &lt;li&gt;&lt;span class="checkbox no-margin"&gt;&lt;label&gt;&lt;input type="checkbox" name="sms_gateway" data-price="5000" value="SMS Gateway"&gt; SMS Gateway&lt;/label&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;span class="checkbox no-margin"&gt;&lt;label&gt;&lt;input type="checkbox" name="long_code" data-price="1300" value="Long Code"&gt; Long Code&lt;/label&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- ADDITIONAL SERVICES CHARGES END --&gt;
  
          &lt;!-- OTHER CHARGES START --&gt;
          &lt;div class="panel panel-transparent"&gt;
              &lt;div class="panel-heading" role="tab" id="headingoOthers"&gt;
                  &lt;h4 class="panel-title before-icon"&gt;
                      &lt;a href="#collapseOthers" role="button" data-toggle="collapse" data-parent="#orderAccordion" aria-expanded="true" aria-controls="collapseOthers"&gt;
                      Others
                      &lt;/a&gt;
                  &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapseOthers" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingoOthers"&gt;
                  &lt;div class="panel-body additional-services"&gt;
                      &lt;p&gt;No other service available&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- OTHER CHARGES END --&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here the live: <a href="http://jsfiddle.net/8yaurtxr/" rel="nofollow">http://jsfiddle.net/8yaurtxr/</a></p>
  
  <p>I have try to add data-toggle="collapse" but it's not working.</p>