Foros del Web - Ver Mensaje Individual - Mover div izquierda derecha con un boton + jquery

diego_angc · #1 (**permalink**) 24/10/2011, 13:50

hola, bueno mi situacion es que tengo un div escondido -1500px a la izquierda y un boton que me lo mueve 1500px a la derecha pues para crear un efecto de mostrar y esconder el div, mi problema es como hacre para que con el mismo boton en el segundo click me lo esconda de nuevo, es decir me lo corra -1500px a la izquierda.
es algo asi como que en el primer click lo corra 1500px a la derecha y con el segundo lo vuelva a esconder -1500px a la izquierda. Gracias

Código HTML:

Ver original<!DOCTYPE html>
<html>
    <head>
          <script src="http://code.jquery.com/jquery-latest.js"></script>
          <style>
          body {
            overflow-x:hidden;}
          
          .block {
              position:relative;
              background-color:#abc;
              width:80%;
              height:800px;
              margin-left:-1500px;
              border:5px solid black;
                    }
 
        </style>
      
    </head>
    <body>
         <button id="right">&raquo;</button>
        <div class="block"></div>
 
        <script>
        $("#right").click(function(){
          $(".block").animate({"left": "+=1500px"}, "slow");
        });
        </script>
    </body>
</html>