ok, ya veo. para ello tiene que poner a cada uno un id diferente, eso seria a la imagen y a la tabla. asi:
Código HTML:
function Toggle(tabla) {
tabla = document.getElementById(tabla);
var img = document.getElementById("img_" + tabla);
if (tabla.style.display == "none") {
tabla.style.display = "block";
img.src = "dir/cerrar.gif";
} else {
tabla.style.display = "none";
img.src = "dir/abrir.gif";
}
}
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_tabla1')"><img id="img_mi_tabla1" src="cerrar.gif" border="0"></a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #000000;" id="mi_tabla1">
<tr>
<td> </td>
</tr>
</table>
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_tabla2')"><img id="img_mi_tabla2" src="cerrar.gif" border="0"></a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #000000;" id="mi_tabla2">
<tr>
<td> </td>
</tr>
</table>
asi sucesivamente...