¿SlideToggle funciona con la tabla?
Quiero deslizar Alternar una fila de una tabla. pero simplemente aparece sin ningún efecto.
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í :)