Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Hide/FadeOut a Table Row - jQuery

Tags:

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 "slow" 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

like image 280
Sourav Avatar asked Jun 11 '11 07:06

Sourav


1 Answers

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

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

Have a look at this jsFiddle

like image 183
DanielB Avatar answered Oct 19 '22 15:10

DanielB