title: Smooth onclick z-index change in jQuery
body: <p>I've made this script to change z-index of one div by clicking on button, and it works. (Maybe I got mistakes in it, I'm learning). 
  But z-index changes fast, and I want smooth fade out animation. How can I do it?</p>
  
  <pre><code>$("#card").click(function(){
      $("#info").css('z-index', -2000)('position', 'relative');
      $("#map").css('position', 'absolute');
  });
  </code></pre>