jquery - jQueryアニメーションの「ループ」を止める

Question

サブナビゲーションを展開するためにjqueryを利用したナビゲーションバーがあります。問題は、タブにすばやくマウスを合わせると、すべてのアニメーションが終了するまでループを開始することですが、アニメーションを終了してから別のアニメーションを開始し、それらを「キュー」に入れないようにしたいと考えています。これは実際の例です: http://www.nicrogen.com/games/per/index.php そして、これは jquery コードです:

var value='';

$(document).ready(function(){
$('nav li').on('mouseenter',function( e ){
    if((value==$(this).attr('data-open'))){

    }else{
        $('#'+value).slideUp();
        $('nav li').removeClass("selectednav");
        value = $(this).attr('data-open');
        $('#'+value).slideDown();
        if(value!='no'){
            $(this).addClass("selectednav");
        }   
    }     
});

$('nav li').on('mouseleave',function( e ){
    $('#'+value).on('mouseleave',function( e ){
        $('#'+value).slideUp();
        $('nav li').removeClass("selectednav");
        value='';
    });
});

$('#header').on('mouseenter',function( e ){
    $('#'+value).slideUp();
    $('nav li').removeClass("selectednav");
    value='';
});
});

同様の問題に対する他の解決策を見たことがあり、それらはアニメーションを途中で中断しただけであり、現在のアニメーションを終了してから停止したいと思います。