Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/12/2009, 03:13
Folter
 
Fecha de Ingreso: diciembre-2008
Mensajes: 67
Antigüedad: 16 años
Puntos: 1
problema con jquery

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!