title: How to hide qtip tooltip after some time has passed?
body: <p>I'm using qtip ( <a href="http://craigsworks.com/projects/qtip/" rel="nofollow noreferrer">http://craigsworks.com/projects/qtip/</a> ) to make tooltips. Now I need to show tooltips when the button is pressed and hide tooltips for example when 3 seconds have passed. My current code is not working, tooltips will sometimes go away and sometimes stay...</p>
  
  <pre><code>var self = $("#email");
  self.qtip({
      content: error,
      tip: true,
      position: { corner: { target: 'rightMiddle', tooltip: 'leftMiddle' } },
      style: 'error',
      show: { when: false, ready: true },
      hide: { when: { event: 'mousemove' }, delay: 2000, effect: function () { self.qtip("destroy"); } }
  });
  </code></pre>