title: Jquery Tooltip with hover
body: <p>i have a small Tooltip Script when the user hover a block the Tooltip will be shown and if the user leave the block the tooltip is hidden.</p>
  
  <p><strong>But i want also when the user hover over the tooltip the tooltip stay until the user leaves the tooltip or the hover block.</strong></p>
  
  <p>here is my javascript without the hover over the Tooltip:</p>
  
  <pre><code>$( "#hover, .tooltip" ).on('mouseenter', function() { 
     $( ".tooltip" ).fadeToggle( 400, function() {
         // Animation complete.
      });
  });
  
  $( ".tooltip, #hover" ).on('mouseleave', function() {
        $( ".tooltip" ).fadeToggle( 400, function() {
           // Animation complete.
        });
  });
  </code></pre>
  
  <p>Here is a small Fiddle without the second part:
  <a href="http://jsbin.com/vocirucawoje/1/edit" rel="nofollow">http://jsbin.com/vocirucawoje/1/edit</a></p>