Apply fadein effect to tooltip?
<p>I have this code, which shows the tooltip within a box with the id of "tooltip-container" - currently it just pops in...how can I make it fade nicely and fade out on roll-off? </p>

<p>Current code:</p>

<pre><code>$(document).ready(function(){
    $('.tippytrip').hover(function(){
    var offset = $(this).offset();
    console.log(offset)
    var width = $(this).outerWidth();
    var tooltipId = $(this).attr("rel");
        $('#tooltip-container').empty().load('tooltips.html ' + tooltipId).show();
        $('#tooltip-container').css({top:offset.top, left:offset.left + width + 10}).show();
    }, function(){
        $('#tooltip-container').hide();
});
    });
</code></pre>
