ocultar tr sin cambiar sus Propiedades

[Yaritzaa]

Buen Día Trato de ocultar uno tr de una tabla con unos eventos, lo que me funciona muy bien pero al momento de hacer visible los tr no toman los mismos estilos de los otros tr :( ....
alguien podría por favor ayudarme

Código HTML:

<table width="520" align="center">
<tr>
      <td height="38"><label for="txtSistemaOperativo">Sistema Operativo:</td>
      <td><input type="text" class="camposTexto" id="txtSistemaOperativo" name="txtSistemaOperativo" title="el Sistema Operativo"></td>
</tr>
<tr>
      <td height="38"><label for="selOffice">Office:</label></td>
      <td><select style="text-align:center;" class="camposTexto" name="selOffice" id="selOffice" title="el Office."> 
      </select></td>
</tr>
<tr style="display:none" id="serialOffi">
       <td><label for="txtSerialOffices">Serial Office:</td>
        <td><input type="text" class="camposTexto" name="txtSerialOffices" id="txtSerialOffices" title="el Serial Office."></td>
</tr>
<tr id="versionOffi" style="display:none">
       <td><label for="txtVersion">Versión Office</td>
       <td><input style="display:none" type="text" class="camposTexto" name="txtVersion" id="txtVersion" title="la Licencia de Office."></td>
</tr>
</table> 

Código Javascript:

$('#selOffice').change(function(){
            var valorOffice = $(this).val();
            if(valorOffice == "office"){
                $("#serialOffi").css("display", "block" );
                $("#versionOffi").css("display", "block" );
            }else{
                $("#serialOffi").css("display", "none" );
                $("#versionOffi").css("display", "none" );
            }
});