Change height to odd rows using CSS & jQuery -
i have table 3 columns. second column needs have no styling. that, every other row needs no styling , height of 20px. i'd directly jquery. in jsfiddle example 2nd row height height want alternate rows (20px), can't without setting class height 0px , applying class directly tags. can please help? (i hope i'm being clear). thanks!
my example in jsfiddle here. [http://jsfiddle.net/squirc77/g6gkq/]
first off don't need add height styling rows interfere jquery styling rid of
height: 85px;
in
#tbl_notice td { border: 1px solid #f2f2f2; width: 400px; height: 85px; vertical-align:middle; background: transparent url(images/fieldsetbglg.png) repeat-x; }
you don't need line.
#tbl_notice tr td.oddrow{height:0px;}
just make sure rid of no break spaces (nbsp; in odd rows , in middle column prevents making rows , columns whatever height , width wish.
after these changes jquery code should work fine.
here jsfiddle changes made.