jquery - When I hide a textbox in a Table, is it expected that the table reformats the space? -

i have input type=text in table (in td actually) when user clicks checkbox, input hidden jquery (via hide method) makes style of input "display:none;"

so far good. now, when has happened, row cell in shrunk (the height lowered) because thing left in row <span>, height lower input height. net result of row gets smaller, , when click checkbox again input re-appears , row gets larger.

that doesn't nice, wondered if there way prevent this?

and second: way should work (the table resizing)?

try setting visibility :hidden instead of hide(), doesn't remove element document flow.

$(' ... ').css('visibility', 'hidden');