Hola. Estoy intentando hacer una especie de scroll. Tengo dos divs, las ids de ambas es "1" y "2". Dentro del primer div tengo un boton con id "button-1". Lo que intento hacer es que al entrar a la web solo se muestre el primer div y el segundo este oculto, a continuacion cuando uno pincha en el boton "button-1" que muestre el segundo div seguidamente ocultando el primero.
Codigo de html:
<div id="1">
oasdlasjdasdsajkdhasjkdas<br>
sdasdasdasdasdasdasdasdsa<br>
dasdasdjkashdjhasdjkhasjk<br>
<a href="" id="button-1">siguiente</a>
</div>
<div id="2">
oasdlasjdasdsajkdhasjkdas<br>
sdasdasdasdasdasdasdasdsa<br>
dasdasdjkashdjhasdjkhasjk<br>
dasdasdjkashdjhasdjkhasjk<br>
dasdasdjkashdjhasdjkhasjk<br>
</div>
Codigo de javascript:
$(document).ready(function(){
$("#2").hide(function(){
$("#button-1").click(function(){
$("#1").hide();
$("#2").show();
}).stop();
});
});
El problema de todo este intento es que, cuando pincho en el boton "button-1" desaparece el primer div y seguidamente aparece el segundo, como deberia, pero en un segundo vuelve automaticamente al principio. Aqui lo podeis comprobar: http://www.folter.es/acr/contactt.html . HE intentado con varias cosas para que se quede fija, sin que vuelva al principio pero nada. Espero que alguien me pueda ayudar.
Saludos!