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! 
  
 
 
