title: Making a div change size with animate, addClass and RemoveClass
body: <p>This is my first question here, feel free to tell me if I am not specific enough or whatever I do wrong!
  I want a jquery method which change all divs with the class "passive" to height 500 px and passive-->active, so there would be another method which changes the height back to 100px. The first half is working, I got the class changed, but the second animation won't happen. All I have in html is one div with the class of passive.</p>
  
  <pre><code>$("document").ready(function(){
  
  $(function() { 
  
  $(".passive").click(function(){
  $(this).animate({height:'500px'});
  $(this).addClass("active");
  $(this).removeClass("passive");    
  });    
  
  
  $(".active").click(function(){
  $(this).animate({height:'100px'});
  $(this).addClass("passive");
  $(this).removeClass("active");
  });   
  
  });
  });` 
  </code></pre>