Tengo una mesa con secciones de tad y tbody. He aplicado un slideToggle con éxito, pero la animación está rota.

Cuando un usuario hace clic en el dedo, quiero que el contenido del cuerpo se deslice hacia arriba. Actualmente, lo que sucede es que la sección simplemente desaparece, sin ninguna animación.

Aquí está la mesa

<table>
  <thead>
    <tr>
      <td colspan="3">TABLE HEADING</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="first" colspan="1">Cell Contents</td>
      <td colspan="1">Cell Contents</td>
      <td colspan="1">Cell Contents</td>
    </tr>
  </tbody>
</table>

Y aquí está el jQuery que estoy usando:

   <script type="text/javascript" language="javascript">
      $(document).ready(function () {
         $("thead").click(function () {
               $(this).next("tbody").slideToggle("slow");
            }
         )
      });
   </script>