jQuery mouseenter mouseleave animation queue
<p>So I have a problem with a mouseenter mouseleave animation.
Basicly it just builds up and acts all weird.</p>

<p>I know that with .animate to solve this problem you have to use a .stop() before hand, I have tried this on the mouseenter mouseleave and the fadein fadeout, but it doesn't work correctly.</p>

<p>Here is my code: </p>

<pre><code> $('.1').mouseenter(function() {
    $(this).find('div').fadeIn();   
});
$('.1').click(function() {
    $(this).unbind('mouseleave');  
    $('.2 .hidden, .3 .hidden, .4 .hidden').fadeOut();    
});
$('.1').click(function() {
    $(this).unbind('mouseleave');
        //Load image video grand  
    $('.2 .hidden').fadeOut(); 
    $('.2, .3, .4').mouseleave(function() {
        $(this).find('div').fadeOut();   
    });   
});

$('.2').mouseenter(function() {
    $(this).find('div').fadeIn();   
});

$('.2').mouseleave(function() {
    $(this).find('div').fadeOut();   
});

$('.2').click(function() {
    $(this).unbind('mouseleave');  
        //Load image video grand
    $('.1 .hidden, .3 .hidden, .4 .hidden').fadeOut(); 
    $('.1, .3, .4').mouseleave(function() {
        $(this).find('div').fadeOut();   
    });   
});
</code></pre>

<p>Any help would be great, thanks a lot !</p>
