title: jQuery - if hover more then 5 seconds then show div
body: <p>I want to show a div if I hover on a element more then 5 second, I have tried some solutions posted in stackoverflow but none of them are working.</p>
  
  <p>this is my hover function without time out</p>
  
  <pre><code>$('div.avatar-with-data, .q-item-avatar').hover(function(){
          $(this).find('div.user-data').fadeIn('fast');
      },function(){
          $(this).find('div.user-data').fadeOut('fast');
      });
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>none answer is working, but if I change</p>
  
  <p><code>$(this).find('div.user-data').fadeIn('fast');</code> </p>
  
  <p>to </p>
  
  <p><code>alert('shown');</code></p>
  
  <p>then it works (dont understand why, tried changing fadeIn to show() but still no luck).
  but my above hover function work without time out.</p>