title: jQuery css Visibility with animation
body: <p>I have few div's placed underneath each other and I'm using css visibility to fade them in and out. The reason why I use visibility is so that the div's don't move place.</p>
  
  <p>For fade In I'm using: </p>
  
  <pre><code>$('.drop1').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
  </code></pre>
  
  <p>and for fade Out I'm using:</p>
  
  <pre><code>$('.drop1').css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 1.0})}, 200);
  </code></pre>
  
  <p>The <strong>FadeIn works</strong>, but the <strong>fadeOut doesn't work</strong>.</p>
  
  <p>Now, you may think that the problem is the last '<strong>,200</strong>'  but I will need to use that as a delay since the fadeout/visibility:hidden is on mouseleave event after 200ms.</p>
  
  <p>So my question is: How can I do the visibility hidden with animation to act as a fadeOut. </p>
  
  <p>Thanks alot</p>