Hide/FadeOut a Table Row - jQuery

how do i hide a table row with jQuery [with simple effect] ?

I want the fadeout effect or want to hide the row with "开发者_StackOverflowslow" speed.

My code hides it very fast [it does exactly like document.getElementById('id').style.display='none';]

My code

$('#pic').animate({ opacity: 'hide' }, "slow");
$('#pic').fadeOut("slow");

Edit

I want to hide the TD of a TR

---

It should work fine with if you hide the td's instead

$('#pic td').fadeOut(1000);

Have a look at this jsFiddle