how to revert back to normal after display:none for table row

Question

Basically, I have a table. Onload, I set each row of the table to display:none since I have a lot of javascript processing to be done and I don\'t want user to

Answer 1

When switching between hiding and showing TRs using toggleClass, the following will work:

display:none;

and

display: table-row;

E.g.

$('#the_tr_id').toggleClass('tr_show','tr_hide');

Where:

.tr_hide {
    display:none;
}

.tr_show {
    display: table-row;
}