Foros del Web - Ver Mensaje Individual - Ejecutar varias funciones jquery en un mismo boton o enlace

Naahuel · #2 (**permalink**) 17/06/2011, 10:33

Usá .toggle() :)

Código HTML:

Ver original<html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  $("#subirbajar").toggle(function(){
    $(".captura").stop().animate({height:500},"slow"); 
  }, function(){ 
    $(".captura").stop().animate({height:150},"slow");
  });
});
</script> 
</head>
<body>
  <span id="subirbajar">Bajar / Subir</span>
<br />
<div class="captura" style="height:150px;width:200px;position:relative;border: 5px solid #afafaf; background:#c1c1c1">
</body>
</html>

Notá que también agregué .stop() a la animación. Eso es importante porque si yo clickeo varias veces las animaciones se ejecutarán en orden cuantas veces yo haya clickeado, pero con .stop() la animación que se estaba ejecutando anteriormente se detiene.