title: jQuery css toggle - need to add fade in fade out animation transition
body: <p>I would like to add an animation transition to this snippet which I am using to toggle between a display: none and display: block</p>
  
  <pre><code>    jQuery(".slide").hover(
  function() {
      jQuery(this).find(".data").css("display","block");
  },
  function() {
      jQuery(this).find(".data").css("display","none");
      }
      );
  </code></pre>
  
  <p>Any help is greatly appreciated...my jQuery is very limited. I have tried various items but can't seem to get good syntax to produce the effect.</p>