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

Naahuel · #5 (**permalink**) 17/06/2011, 15:56

Podés usar clases y alternarlas con .toggleClass()

Código HTML:

Ver original<html>
<html>
<head>
<style>
  .captura{background:yellow;} 
  .azul{background:blue;}  
</style>
<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").toggleClass('azul'); 
  }, function(){ 
    $(".captura").stop().animate({height:150},"slow").toggleClass('azul');
  });
});
</script> 
</head>
<body>
  <span id="subirbajar">Bajar / Subir</span>
<br />
<div class="captura" style="height:150px;width:200px;position:relative;border: 5px solid #afafaf;">
</body>
</html>