ocultar y desocultar elementos

[Saruman]

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>&nbsp;</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>&nbsp;</td>
  </tr>
</table> 

asi sucesivamente...