He intentado hacer lo que me has dicho, de hecho te muestro lo que he hecho para ver si esta bien, pero no funciona
,soy novato en javascript . Seria genial que me saliera esto por que opdria resolver con esto un gran problema que tengo.
Gracias de antemano.
Aqui lo que llevo hecho ( pero no funciona no se porque):
Código CSS:
Ver original<style type="text/css">
#div1 {position:absolute; left:300px; width:100px; height:100px; background-color: #99FFFF}
#div2 {position:absolute; left:500px; width:100px; height:100px; background-color: #99FFFF}
#div3 {position:absolute; left:700px; width:100px; height:100px; background-color: #99FFFF}
</style>
Código Javascript
:
Ver original<script>
function div1()
{
document.getElementById(div1).style.top = "200px";
}
/*div2 que sube div1 y baja div numero 2*/
function div2()
{
document.getElementById(div1).style.top = "0px";
document.getElementById(div2).style.top = "200px";
}
/*div3 que sube div2 y baja el div numero 3*/
function div3()
{
document.getElementById(div2).style.top = "0px";
document.getElementById(div3).style.top = "200px";
}
if(style.top == 200){style.top=0;}
</script>
Código HTML:
Ver original
<a href="#" onclick="div1();">Abajo 1
<a/> <a href="#" onclick="div2();">Abajo 2
<a/> <a href="#" onclick="div3();">Abajo 3
<a/>