title: jQuery UI Tooltip effects are buggy
body: <p>The problem I'm facing is on this page here:  <a href="http://opportunityfinance.net/test/default.aspx?id=6566" rel="nofollow">http://opportunityfinance.net/test/default.aspx?id=6566</a></p>
  
  <p>Basically, when you mouse over the images, sometimes the tooltip doesn't go away.  How can I be sure that all tooltips are hidden before showing the next tooltip (when they mouse over another image)??</p>
  
  <p>Here's the code I am using:</p>
  
  <pre><code>$(document).tooltip({
      track: true,
      show: {
          effect: "puff",
          delay: 250
      },
      hide: {
          effect: "explode",
          delay: 0
      }
  });
  </code></pre>
  
  <p>Quite frankly, the <code>track: true</code> doesn't seem to work initially either, you have to move your mouse over the image to get it tracked to the mouse.</p>
  
  <p>I have my HTML code set up like so (for each image on the page):</p>
  
  <pre><code>&lt;div style="display: inline-block; cursor: pointer;" class="images" title="Click to Download {FileName}"&gt;&lt;a href="{path to download file}"&gt;&lt;img src="{image path}" /&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>