Scomparsa Elemento Al Clic Del Mouse

[spiug]

Qual'è il modo più semplice per far si che cliccando su un elemento (testo o immagine) scompaia un altro elemento (nel mio caso una cella di una tabella...ma in modo che lasci il posto all'altra cella e non diventi solo trasparente come con visibility:hide;)...e poi ricliccando riappaia??

Finora avevo usato questa soluzione:

-questo tra l'head

<script type="text/javascript" language="javascript">
function mostra_nascondi(id){if (document.getElementById){if(document.getElementById

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

{document.getElementById(id).style.display = 'none';}}}
</script>

-questo tra il body

<table><tr><td>la prima cella che quando l'altra sparisce ne occupa anche il suo posto</td>

<td><div id="testo"><a href="#" 
onclick="mostra_nascondi('p');return false">Testo che quando clicchi mostra o nasconde</div></td>

<div id="p"><td>elemento che dovrebbe sparire</td></div>
</tr></table>

...ecco ve l'ho semplificato perch'è voi possiate capire meglio...cosa c'è di sbagliato??

O meglio ancora..quali altre soluzioni ci sono per ottenere lo stesso effetto??