title: Add css fade in fade out in tooltip box
body: <p>I have a tooltip box and it is working fine. Now I want to add some fade in fade out once the tool-tip box pops in and out.</p>
  
  <pre><code>&lt;a class="tooltip" title="This is some information for our tooltip." href="#"&gt;&lt;img id="graph_one" alt="" src="https://www.onlandscape.co.uk/wp-content/uploads/2013/09/Doug-Chinnery-ICM-Images-4-45x45.jpg" class="graph one"&gt;  &lt;/a&gt;
  </code></pre>
  
  <p><strong>Demo</strong> : <a href="http://jsfiddle.net/squidraj/FHUbA/" rel="nofollow">http://jsfiddle.net/squidraj/FHUbA/</a></p>