Colapso Bootstrap - Expandir todo

He implementado Bootstrap 3 Collapse. El cliente desea que todos los bloques de destino se expandan cuando se hace clic en cualquiera de los enlaces de encabezado. He intentado implementar una versión modificada deesta respuesta, pero no puedo hacerlo funcionar.

¿Cómo puedo hacer que todos los bloques objetivo se expandan / colapsen cuando se hace clic en alguno de ellos?

Este es el marcado:

<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>

Y este es el JS que he intentado:

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

Respuestas a la pregunta(6)

Su respuesta a la pregunta