How do make a table appear or disapear

[Maestre]

Im a bit lost, im looking for a way to make 3 different tables appear and disapear when you click on a link, whats the code?!?!?!?
thanks in advance
Martin

[thetestingsite]

Place this code between the head section of the page.

<script type="text/javascript">

function showHide(id) {

  if (document.getElementById(id).style.display == "none") {
    document.getElementById(id).style.display = '';
  }

  else {
    document.getElementById(id).style.display = "none";
  }

}
</script>

Then place this in the body of the page:

<a href="#" onclick="showHide('test1'); return false;">Hide Table 1</a>
<a href="#" onclick="showHide('test2'); return false;">Hide Table 2</a>
<a href="#" onclick="showHide('test3'); return false;">Hide Table 3</a>

<table id="test1" border="1">
 <tr>
  <td>This is table 1</td>
 </tr>
</table>

<table id="test2" border="1">
 <tr>
  <td>This is table 2</td>
 </tr>
</table>

<table id="test3" border="1">
 <tr>
  <td>This is table 3</td>
 </tr>
</table>

Hope this helps.

[Maestre]

Unfortunatly I pretty sure I fallowed these steps but its not work even we just the test copied directly, sorry about this bother, but I really appreciate the help

[thetestingsite]

ok, I made some mistakes, and editted the above code. Should work now as I have tested it. Hope this helps.