Estou tendo problemas para interromper uma animação ... se eu passar o mouse por um link para revelar uma caixa 5 vezes e sair .. o efeito "Mostrar" acontece 5 vezes ... quando eu sair, eu só quero que ele mostre uma vez...

Basicamente, parece ficar preso em um loop ....

Alguma idéia de como parar as várias instância

jQuery(document).ready(function(){
    jQuery('.ttip').hover(
        function() {
            var offset = jQuery(this).offset();
            console.log(offset)
            var width = jQuery(this).outerWidth();
            var tooltipId = jQuery(this).attr("rel");
            jQuery('#tooltip-container').empty().load('tooltips.html' + tooltipId).fadeIn(500);
            jQuery('#tooltip-container').css({top:offset.top, left:offset.left + width + 10}).show();
        },
        function() {
          jQuery('#tooltip-container').fadeOut(500);
        });
});