ocultar y desocultar elementos

[Saruman]

con gusto:

Código HTML:

function Toggle(tabla) {
  tabla = document.getElementById(tabla);
  var img = document.getElementById("img_button");
  
  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_tabla')"><img id="img_button" 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_tabla">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>