Fancybox stoping other jquery animation on run
<p>Fancy box stops the jquery animation when starting .
I have this js script :</p>

<pre><code>        $("a[class=fancybox]").fancybox({
            'hideOnContentClick': true,
            'titlePosition'     : 'outside',
            'overlayColor'      : '#3d6a87',
            'overlayOpacity'    : 0.9
        });

        $('.portfoliobox').live('mouseenter', function(e) {
            $(this).closest('.portfoliobox').find('div.portfoliodetails').animate({marginLeft: '0', opacity: 0.8}, 200);
        });

        $('.portfoliobox').live('mouseleave', function(e) {                                    
            var $widthofdiv = $(this).closest('.portfoliobox').find('.portfoliodetails').width();
            $(this).closest('.portfoliobox').find('div.portfoliodetails').animate({marginLeft: $widthofdiv}, 200);
        //  alert($widthofdiv);
        });
</code></pre>

<p>when I click a FANCYBOX link located inside DIV .portfoliodetails the animation on mouseleave stops and remains frozen .</p>

<p>Any idea what to do ?
from what I understand I need to make jQuery run the mouseleave animation.. but how ?</p>
