hola mi problema consiste en que tengo varias capas de html, pero no quiero que se muestren mientras no pulse un boton, os pongo un codigo resumido que he hecho.
<html>
<SCRIPT language="JavaScript">
function muestra()
{
document.getElementById("bbb").style.top = document.getElementById("ccc").style.top + document.getElementById("lopera").style.height;
document.getElementById("bbb").style.visibility = "visible";
}
function muestra2()
{
document.getElementById("aaa").style.top = document.getElementById("bbb").style.top + document.getElementById("serra").style.height;
document.getElementById("aaa").style.visibility = "visible";
}
</SCRIPT>
<body>
<div id="ccc">
<TEXTAREA NAME=area_ccc ROWS=70 COLS=50>
PRUEBA
</textarea>
<form id=lolo>
<input type="button" id="cambiar" name="cambiar" value="MOSTRAR LO DE ABAJO PISHITA" class="GRIS" onclick="muestra();">
</form>
</div>
<br>
<div id="bbb" style="visibility:hidden;position:absolute;top:0px ;overflow:auto;">
<TEXTAREA NAME=area_bbb ROWS=70 COLS=50>
bbb
</textarea>
<form id=lfer>
<input type="button" id="fer" name="fer" value="MOSTRAR LO DE mas ABAJO PISHITA" class="GRIS" onclick="muestra2();">
</form>
</div>
<br>
<div id="aaa" style="visibility:hidden;position:absolute;top:0px ;overflow:auto;">
<TEXTAREA NAME=area_aaa ROWS=70 COLS=50>
aaa
</textarea>
</div>
</body>
</html>
¿Que debo hacer para que la tercera capa (aaa) aparezca a continuacion de la segunda (bbb)?