esto bien básico:
Código HTML:
<script>
function Toggle(tabla) {
tabla = document.getElementById(tabla);
var label = document.getElementById("label_button");
if (tabla.style.display == "none") {
tabla.style.display = "block";
label.innerText = "[Cerrar]";
} else {
tabla.style.display = "none";
label.innerText = "[Abrir]";
}
}
</script>
Código HTML:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Titulo de la Tabla</td>
<td><a href="javascript:void(0);" onClick="Toggle('mi_tabla')"><span id="label_button">[Cerrar]</span></a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #000000;" id="mi_tabla">
<tr>
<td> </td>
</tr>
</table>
saludos