de antemano gracias por su tiempo, tengo un problema con una tabla en la cual hago uso de colapse, cuando hago click en una fila me despliega la información, pero cuando hago click en otra, la ultima fila que se desplago no regresa a su lugar. este es mi codigo PHP.
if ($resultado->num_rows>0) {
$salida.="<table class='table table-condensed'>
<thead>
<tr id='titulo'>
<th scope='col'>Menu</th>
<th scope='col'>precio</th>
</tr>
</thead>
<tbody>";
while ($fila = $resultado->fetch_assoc()) {
$salida.="<tr data-toggle='collapse' data-target='#demo".$fila['ID']."'>
<td scope='row'>".$fila['nom_com']."</td>
<td>$".$fila['precio_com']."</td>
</tr>
<tr>
<td colspan='6' class='hiddenRow'>
<div id='demo".$fila['ID']."' class='collapse'>".$fila['descr_com']."</div>
</td>
</tr>";
}
y se supone que con este código JS de poder ocultarse las otras tablas que no tienen el focus pero no se que estoy haciendo mal.
$('.collapse').on('show.bs.collapse', function () {
$('.collapse.in').collapse('hide');
});
si les sirve mas de aquí saque el código