No me funciona :S
Estoy con joomla y lo que estoy haciendo es una tabla tal que así (lo resumo):
<table>
<tr>
<td>
<div id="id1" style="display:block; position:abosolute;top:100px;left:200px">
</div>
<div id="id2" style="display:none; position:absolute;top:100px;left:200px">
</div>
</td>
<td>
<input type="button" onclick="javascript
:document.getElementById('id1') .style.display='none';document.getElementById('id2 ').style.display='block';" name="nombre" value="">
</td>
</tr>
</table>
El id2 se me va hasta arriba de la página, no respeta las posiciones top y left.