SlideToggle funciona con filas de tablas, simplemente apesta.

Si tiene una fila de tabla con una altura mayor que la mínima, como esta

 <tr height="30%">

Luego, slidetoggle hará un deslizamiento suave hacia abajo hasta que alcance su altura mínima ... luego desaparecerá inmediatamente como lo usó

 $("#tr").hide();

Hice un jsfiddle que demuestra esto en http://jsfiddle.net/BU28E/1/

Una mejor solución para usted puede ser usar una tabla hecha de divs. Los divs se deslizarán hacia arriba muy suavemente. Hice otro jsfiddle demostrando esto en http://jsfiddle.net/BU28E/2/

Lo que hago es poner un solo DIV en la fila y establecer el relleno de TR y TD en cero. Luego puedo deslizar y alternar el div en lugar de la fila:

 <table> <tr style="padding: 0"> <td style="padding: 0"> <div id="slideme" style="display: none"> </td> </tr> </table> $("#slideme").slideToggle();

Funciona genial. Creo que podría poner un DIV en cada columna y deslizarlos y alternarlos simultáneamente si lo necesita.

No sé si esta solución se considera una forma eficiente, pero funcionó para mí:

digamos que desea deslizar hacia arriba la primera fila de una tabla (este código deslizará hacia arriba el encabezado):

 $('table tr').first().children().slideUp();

entonces, básicamente, le gustaría deslizar hacia arriba los hijos de la fila en lugar de la fila en sí :)