show hide table rows

[office politics]

http://www.farmersofsalem.com/Storage/caappfp.html

There's three tables on this page. Each table shows its first row and allows additional rows to be displayed by clicking add new. The rows are hidden by setting CSS display to none and are shown by changing display to block. The first two tables work fine. The last table does not show all hidden rows when you click add new. The display: none is set on the tr tags. I tried creating a span around the rows and setting display: none but it didnt work. I tried the same thing with divs but it didnt work. Anyone know of a way to fix or another way to implement?