Animate tooltip on user hover with jQuery
<p>Im trying to make my tooltip bounce onmouse hover, </p>

<p>I have the following that works with sporadic results, as in the the tooltip bounces fast for 3 seconrds ro so, then slow for 3 seconds etc... I also need to stop this function on mouseout, Can somebody see where im going wrong to get the variation in bounce speed?</p>

<pre><code>// Tooltip title
$('.male').mouseover(function(e) { 

    var tiptitle = $(this).find('.highlight');

    setInterval(function(){
              tiptitle.animate({top:'-85px'}, 100, function() {
              tiptitle.animate({top:'-75px'}, 100);
        });
    },200);
}).mouseout(function() {



});
</code></pre>
