Recolher Bootstrap - Expandir Tudo

Eu implementei o Bootstrap 3 Collapse. O cliente deseja que todos os blocos de destino se expandam quando qualquer um dos links de cabeçalho for clicado. Eu tentei implementar uma versão modificada doesta resposta, mas não consegue fazê-lo funcionar.

Como posso obter todos os blocos de destino para expandir / contrair quando qualquer um deles é clicado?

Esta é a marcação:

<div class="panel-group" id="accordion">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h6 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse{entry_id}">{title}</a></h6>
        </div>
    </div>
    <div id="collapse{entry_id}" class="panel-collapse collapse">
      <div class="panel-body">
        {technology_body}
      </div>
   </div>
</div>

E esta é a JS que eu tentei:

$('#accordion').on('click', function() {
    if($('.collapse:not(.in)')) {
         $.collapse("toggle");
    }
});

questionAnswers(6)

yourAnswerToTheQuestion