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

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