I managed to make it work exactly the way I wanted utilizing show() and hide(). This way I didn't have to worry about positioning. However I have concerns over the performance when dealing with a huge number of table rows.
var trItems = $("table tr").length;
$(".resetALL").hide();
$(".removeTR").live('click', function (event) {
$(".resetALL").fadeIn("slow");
$(this).closest('tr').fadeOut("normal");
var trHidden = $("table tr:hidden").length+1;
var trRemains = trItems - trHidden;
if (trRemains <= 3) {
$("span").text("You must have at least " + (trRemains-1) + " products in the comparison table.");
$(".removeTR").fadeOut("normal");
}
});
$(".resetALL").live('click', function (event) {
$("table tr:hidden").fadeIn("slow");
var trItems = $("table tr").length;
$(".removeTR").fadeIn("slow");
$("span").text("This is the span.");
$(".resetALL").fadeOut("normal");
});
You can see my working example below: http://jsfiddle.net/YCdGQ/51/