Интегрировать Свернуть в HTML

У меня есть этот код:

    <div class="box-body table-responsive no-padding">
<div class="panel-group">
<table class="table table">
<tr>
<th>ID</th>
<th>Data</th>
<th>User</th>
<th>Interação</th>
<th>Simulação</th>
<th>Status</th>
</tr>
<?php
if ($P_interaction->num_rows > 0){
while($rowInteraction = $P_interaction->fetch_assoc()){
$test = $rowInteraction['idinteracao'];
?>
<tr>
<td data-toggle="collapse" href="#collapse1"><?php echo $rowInteraction['idinteracao']?></td>
<td data-toggle="collapse" href="#collapse1"><?php echo $rowInteraction['data']?></td>
<td data-toggle="collapse" href="#collapse1"><?php echo $rowInteraction['user']?></td>
<td data-toggle="collapse" href="#collapse1"><?php echo utf8_encode($rowInteraction['assunto'])?></td>
<td></td>
<td data-toggle="collapse" href="#collapse1"><span class="label label-warning"><?php echo $rowInteraction['status']?></span></td>
</tr>
<?php
}
}?>
</table>

И это

<div id="collapse1" class="panel-collapse collapse">
<?php
$movIntercacao = "SELECT * FROM tbl_movinteracao WHERE interacao = '$rowInteraction['idinteracao']'";
$P_movIntercacao = $mysqli->query($movIntercacao);
?>
<h4 class="box-title">Movimentos da Interação</h4>
<table class="table table">
<tr>
<th>Data</th>
<th>Hora</th>
<th>User</th>
<th>Observações</th>
<th>Simulação</th>
</tr>
<?php
if ($P_movIntercacao->num_rows > 0){
while($rowMovIntercacao = $P_movIntercacao->fetch_assoc()){ ?>
<tr>
<td><?php echo $rowMovIntercacao['data']?></td>
<td><?php echo $rowMovIntercacao['hora']?></td>
<td><?php echo $rowMovIntercacao['user']?></td>
<td><?php echo utf8_encode($rowMovIntercacao['obs'])?></td>
<td></td>
</tr>
<?php
}
}?>
</table>
</div>

Я хотел объединить два кода так, чтобы при свертывании на открытые элементы влияла таблица взаимодействия. То есть, в зависимости от взаимодействия, будут и результаты взаимодействий в коллапсе.