Skjul/vis tables

For god ordens skyldt skal jeg lige sige at selve koden ikke skal skjules, blot det som brugeren ser. Dvs at det man ser er som følger:

Før klik:
------------------

Klik her

------------------

Efter klik:
------------------
Klik her
Du har  klikket
------------------

skyld*

Sagtens:

<a href="" onclick="document.getElementById('minTabel').style.display='block';return false;">Klik her</a>
<table id="minTabel" style="display:none;">
<tr>
  <td>Du har</td><td>klikket</td>
</tr>
</table><br>

Eller måske mere fremgansrigt ved at lave en funktion, så den også kan gemmes:

<script type="text/javascript">
function showHide(id){
  elmStyle = document.getElementById(id).style;
  if(elmStyle.display != "block")
    elmStyle.display = 'block';
  else
    elmStyle.display = 'none';
}
</script><br>

<a href="" onclick="showHide('minTabel2');return false;">Klik her (2)</a>
<table id="minTabel2" style="display:none;">
<tr>
  <td>Du har</td><td>klikket (2)</td>
</tr>
</table>
<br><br>
<a href="" onclick="showHide('minTabel3');return false;">Klik her (3)</a>
<table id="minTabel3" style="display:none;">
<tr>
  <td>Du har</td><td>klikket (3)</td>
</tr>
</table>

... måske lige en reminder til dette, som stammer fra den mail-løse periode !-)

Takker. Kan du ikke smide et svar?

Oki '-)

-- og tak for point ;~}