title: Hide block on timeout by jQuery
body: <p>We have a block invisible by default and links. When we hover on link, its <code>rel</code> attribute puts to block like a text.</p>
  
  <p>What I'm trying to do:</p>
  
  <pre><code>If link is hovered and block is invisible {
      show block by fadeIn;
      change text inside block (get it from link's rel);
  } else {
      just change text inside block (block is already visible, no fadeIn effect);
  }
  
  If link is unhovered and block is visible {
      start timeout {
          after 2 seconds hide block by fadeOut;
      }
  }
  </code></pre>
  
  <p>Here is what I'm currently have: <a href="http://jsfiddle.net/Bt3mL/1/" rel="nofollow">http://jsfiddle.net/Bt3mL/1/</a></p>
  
  <p>Everything works, but there is a problem - <code>fadeOut</code> on <code>mouseleave</code> should not start, if some link is currently hovered. Something like timeout reset can be useful, but I don't understand how to add it to my code.</p>
  
  <p>Now, when I hover a link and then unhover it, timeout begins, but if I hover on other link while block is visible, because of the first timeout block can hide.</p>
  
  <p>Please help.</p>