The jquery effect slideUp does not work on table rows. This plugin performs a slideUp on a table row, then removes the row and triggers a callback if one was passed.

// Remove all rows from table one at a time with sliding effect
removeAllRows = function() {
  $("table tr:first-child").rowslide(removeAllRows);
}
$(function(){
  removeAllRows();
});

I originally created this plugin for use on one of our projects at emcien.