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='';
});
});

我想提一下，我看到了类似问题的其他解决方案，他们只是在中途中断了动画，我希望它完成当前动画然后停止。