Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/06/2011, 07:42
Comercial
 
Fecha de Ingreso: abril-2009
Mensajes: 24
Antigüedad: 15 años, 8 meses
Puntos: 0
Ejecutar varias funciones jquery en un mismo boton o enlace

Hola,

A ver si alguien podría resolverme esta pequeña duda. Ahora mismo tengo un div que usa la funcion animate() para subir o bajar, todo me va perfectamente pero ¿cómo podría hacer la función de subir/bajar en un solo botón en vez de en dos? ¿es posible?

Esa es mi duda y aquí dejo el código con el que estoy trabajando.

Código HTML:
<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(){
  $("#bajar").click(function(){
    $(".captura").animate({height:500},"slow");
  });
});
$(document).ready(function(){
  $("#subir").click(function(){
    $(".captura").animate({height:150},"slow");
  });
});
</script> 
</head>
<body>
<span id="bajar">Bajar</span> | <span id="subir">Subir</span>
<br />
<div class="captura" style="height:150px;width:200px;position:relative;border: 5px solid #afafaf; background:#c1c1c1">
</body>
</html> 
Muchas gracias! (y siento si el título del post no es el adecuado para la pregunta)