Problema con slideToggle() de jquery

[jakuam]

Estimados tengo un problemita .. no se que sera :D .. utilice el slideToggle() de jquery para hacer un especie de arcodion en una tabla .. me funciona a media .. osea me muestra y me oculta los <tr> (filas) que quiero mostrar y pcultar pero no hace el efecto deslizante .. q que se puede deber .. les dejo codigos -

Código PHP:

  echo '<tr class="cont" id="a'.$p.'"><td class="flecha"><div class="flechass"></span></td><td class="local">'.$resultado_rows['Localizador'].'</td><td class="name_C">'.$resultado_rows['nombre_Cliente'].' '.$resultado_rows['apellido_Cliente'].'</td><td class="chk_in">'.$resultado_rows['fecha_ingreso'].'</td><td class="chk_in">'.$resultado_rows['fecha_salida'].'</td><td class="status_res">'.$status.'</td><td class="total_res">'.$resultado_rows['costo_total'].'</td><td class="action">aaa  -'.$p.'</td></tr>'; 
 
// tr a ocular y mostrar  
 
echo "<tr id='det-a".$p."' class='detalle'><td  colspan ='8' class=''>"; 
echo "<div class='detalle2' ><div align='left' >"; 
echo "<h2>".$row_habitaciones['tipo_hab']." ".$row_habitaciones['nombre_hab']."</h2>"; 
echo '</div></div></td></tr>'; 
 
// es solo una parte... pero es la parte que aplico slidetoggle()  
   

codigo Jquery

Código:

<script>
/* DETALLES*/
$(".cont").click(function(){
var idcon= $(this).attr("id");
$("#det-"+idcon).slideToggle(200);
$(this).toggleClass('cont_a');
$('#'+idcon+' .flechass').toggleClass('flechass2');
});

</script>

espero su ayuda gracias