hOla!, Mejorando un poko el Scrip de
TurKa aka te lo dejo ya con la Opcion de
display:none Código HTML:
<script type="teXt/javascript">
function desplegar(tabla_a_desplegar,estadoT) {
var tablA = document.getElementById(tabla_a_desplegar);
var estadOt = document.getElementById(estadoT);
switch(tablA.style.display) {
case "none":
tablA.style.display = "block";
estadOt.innerHTML = "Ocultar coneNido"
break;
default:
tablA.style.display = "none";
estadOt.innerHTML = "Mostrar coNteNido"
break;
}
}
</script> Código HTML:
<table border="1">
<tr>
<td onClick="desplegar('tabla_a_desplegar','estadoT')">cabecera</td>
</tr>
<tr>
<td>
<table border="1" id="tabla_a_desplegar" style="display: none;">
<tr>
<td>hola</td>
</tr>
</table>
</td>
</tr>
</table>
<table style="position:absolute; left: 182px; top: 14px;" border="1">
<tr>
<td onClick="desplegar('tabla_a_desplegar2','estadoT2')">cabecera</td>
</tr>
<tr>
<td>
<table border="1" id="tabla_a_desplegar2" style="display: none;">
<tr>
<td>hola</td>
</tr>
</table>
</td>
</tr>
</table>
<div id="estadoT">Mostrar ContenidO</div>
<div align="center" id="estadoT2">Mostrar ContenidO</div> ze me olvidava el DIV =D
Los 2 ID y el DIV deven conisidir como ya sabras, bBuUuenNoOo
hAver si te sirve
SaludOz!