How to Use slideDown (or show) function on a table row?

Question

I\'m trying to add a row to a table and have that row slide into view, however the slidedown function seems to be adding a display:block style to the table row which messes

Answer 1

Have a table row with nested table:

    
        All row content inside here
    

---

To slideDown the row:

$('.dummyRow').show().find("table").slideDown();

Note: the row and it's content (here it is "table") both should be hidden before animation starts.

---

To slideUp the row:

$('.dummyRow').find("table").slideUp('normal', function(){$('.dummyRow').hide();});

The second parameter (function()) is a callback.

---

Simple!!

Note that there are also several options that can be added as parameters of the slide up/down functions (the most common being durations of 'slow' and 'fast').