title: How to animate "visibility: hidden"?
body: <p>here is my problem... Can you help me please?</p>
  
  <pre><code>$(".button").hover(function(){
    $('.class').css({opacity: 1.0, visibility: "hidden"}).animate({opacity: 0}, 1200);
  },function(){
    $('.class').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1}, 1200);
  });
  </code></pre>
  
  <p>It only animates when it is appearing. :-(</p>