Как сделать bootstrap collapse accordion сворачивал другие вкладки при нажатии на другие ссылки?

<div id="accordion" role="tablist" aria-multiselectable="true">
  <ul class="abouthead">
   <li role="tab" id="heading1"><a class="aco-link collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="false" aria-controls="collapse1">Первый аккордион</a></li>
   <li role="tab" id="heading2"><a class="aco-link" data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="true" aria-controls="collapse2">Второй аккордион</a></li>
  </ul>
   <div id="collapse1" class="aboutdef collapse" role="tabpanel" aria-labelledby="heading1" aria-expanded="false">
    <div class="aboutbody">
     <h2 class="text-center">Первый заголовок акордиона</h2>
     <p class="text-center">Первый текст акордиона</p>
    </div>
    <div class="aboutfoot">
     <img src="template/image/grecheskii.jpg" alt="Первый заголовок акордиона" class="ac_img">
     </div>
    </div>
    <div id="collapse2" class="aboutdef collapse show" role="tabpanel" aria-labelledby="heading2" aria-expanded="true">
        <div class="aboutbody">
           <h2 class="text-center">Второй заголовок акордиона</h2>
           <p class="text-center">Второй текст акордиона</p>
        </div>
        <div class="aboutfoot">
          <img src="template/image/grilling.jpg" alt="Второй заголовок акордиона" class="ac_img">
        </div>
    </div>