hola amigos estoy tratando de realizar una pagina que muestra y oculta una fila al presionar un botón, eso funciona correctamente, pero el problema que tengo es que al mostrar la fila, esta no mantiene el ancho de las columnas definidas en la tabla :
el codigo es el siguiente
<!DOCTYPE HTML>
<head>
<title>
prueba ocultar div
</title>
<script language="javascript">
function toggle() {
// muestro fila si esta oculta
if (document.getElementById("toggle").style.display== 'none') {
document.getElementById("toggle").style.display='b lock';
} else {
// oculto fila si esta visible
document.getElementById("toggle").style.display='n one';
}
}
</script>
</script>
</head>
<body>
<table border="1" style="width:20%; background-color:Orange;">
<tr>
<td width="10">hola</td>
<td width="10">adios</td>
</tr>
<tr id="toggle" style="display: none;">
<td width="10">test</td>
<td width="10">kilogramo</td>
</tr>
<tr>
<td width="10">perdón</td>
<td width="10">alivio</td>
</tr>
</table>
<input type="button" value="Mostrar/Ocultar fila" onclick="toggle()">
</body>
</html>