Foros del Web » Creando para Internet » CSS »

ocultar tr sin cambiar sus Propiedades

Estas en el tema de ocultar tr sin cambiar sus Propiedades en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/12/2014, 09:58
 
Fecha de Ingreso: diciembre-2014
Mensajes: 6
Antigüedad: 9 años, 3 meses
Puntos: 0
Pregunta ocultar tr sin cambiar sus Propiedades

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:
Ver original
  1. $('#selOffice').change(function(){
  2.             var valorOffice = $(this).val();
  3.             if(valorOffice == "office"){
  4.                 $("#serialOffi").css("display", "block" );
  5.                 $("#versionOffi").css("display", "block" );
  6.             }else{
  7.                 $("#serialOffi").css("display", "none" );
  8.                 $("#versionOffi").css("display", "none" );
  9.             }
  10. });

Etiquetas: propiedades, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:20.