S.O.S Jquery (toggle() & animate())

#1 (**permalink**) 22/07/2010, 22:15

HOLA AMIGOS Y GRACIAS DE ANTEMANO

PASO A MOSTRAR MI CODIGO Y A EXPONER MI PROBLEMA.

-------------------------------------------------------------------------
MI CODIGO
-------------------------------------------------------------------------

<body>

<button id="left">izquierda</button>
<button id="right">derecha</button>

<div class="block">
CONTENIDO
</div>

<script>
$("#right").click(function(){
$(".block").animate({"top": "30px"}, "slow");
});

$("#left").click(function(){
$(".block").animate({"top": "-420px"}, "slow");
});
</script>
</body>

-----------------------------------------------------------------------------------------------------

LO QUE QUIERO BÁSICAMENTE ES QUE CON UN SOLO BOTÓN (actualmente, se preciona un botón para hacer una animación de entrada, y otro botón distinto para la animacion de salida) ME HAGA ESTAS DOS ANIMACIONES, SE QUE SE TIENE QUE HACER CON EL MÉTODO TOGGLE(), PERO NO SE COMO HACERLO ...

AGRADECERÍA SU AYUDA...

tredio · #2 (**permalink**) 23/07/2010, 12:53

Código Javascript:

Ver original<body>
 
<button id="animar">presiona para animar</button>
 
<div class="block">
CONTENIDO
</div>
 
<script>
$("#animar").toggle(function(){
$(".block").animate({"top": "30px"}, "slow");
},function(){
$(".block").animate({"top": "-420px"}, "slow");
});
</script>
</body>

si quieres que haga mas cosas solo agrega mas funciones separando con comas ","