slideToggle in table row

SlideToggle does work with table rows, it just kind of sucks.

If you have a table row with a height larger than it’s minimum – like this

<tr height="30%">

Then slidetoggle will do a smooth slide down until the reaches it’s minimum height… then it will dissapear immediately like you used

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

I’ve made a jsfiddle demonstrating this at http://jsfiddle.net/BU28E/1/

A better solution for you may be to use a table made out of divs. Divs will slide up very smoothly. I made another jsfiddle demonstrating this at http://jsfiddle.net/BU28E/2/

Leave a Comment