Gostaria de saber se tem como fazer um collapse com vários panels, porém ao clicar em um abrir somente um deles e quando clicar em outro manter os anteriores aberto. Fiz um collapse mas quando clico em um abre todos já que todos tem a mesma classe.
<c:forEach var="h" items="${historicoPedido}" varStatus = "x">
<c:if test = "${h.idPedido != historicoPedido[x.count].idPedido}">
<div class="panel panel-default button-collapse" aria-multiselectable="true" role="button"
data-toggle="collapse" data-target=".pedido-collapse" aria-expanded="false" aria-controls="pedido-collapse">
<div class="panel-heading text-center " >
<strong >
<span class="pull-left">Pedido: ${h.idPedido} </span>
Data:<fmt:formatDate value="${h.data}" pattern= "dd/MM/yyyy"/>
<span class="pull-right">Qnt</span>
</strong>
</div>
<div class="collapse pedido-collapse">
<div class="well">
<table class="table table-bordered table-striped table-responsive table-bordered">
<tbody class="text-center">
<c:forEach var="h1" items="${historicoPedido}" varStatus = "y">
<c:if test = "${h1.idPedido == h.idPedido}">
<tr>
<td class = "codigo-item">${h1.codigo}</td>
<td>${h1.descricao}</td>
<td class = "qnt-item-historico">${h1.quantidade}</td>
</tr>
</c:if>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div>
</c:if>
</c:forEach> 
