mouseenter和document click始终闪烁第一个li元素

Question

我刚创建了一个功能区样式菜单问题出现在FireFox和Google Chrome浏览器中当你进入mouseenter并且文档单击列表中的第一个元素时总是闪烁我在IE中没有这个问题可能有人检查我的页面并查看源代码并查看我的jquery代码，看看你是否能找到导致这个小故障的内容 - 页面是here

我的mouseenter函数必须是todo我传入了这个selected_slide（this）

的mouseenter：

function select_slide(element) {
    if($(element).hasClass('.nav_divider_before')) return 
    $('.nav_browse_ul li')..removeClass('active');      
    $(element).addClass('active');      

    if($(element).attr('data-id') != null) {
        var current_content = $('#' + $(element).attr('data-id'));

        selected_slide = current_content;               
        $('.ribbon_slides').show();
        rotate_ribbon_slides(element);      

        if(isAnimating) return;

            if(!isOpen) {
                isAnimating = true;
                $('.ribbon_slides').animate({'width': '+=' + (current_content.width() + 20).toString() })
                $('.ribbon_panel').animate({'width': '+=' + (current_content.width() - 14).toString()}, function(){ 
                    isOpen = true;
                    isAnimating = false;
                })              
            }

        }

    }

单击文档

$(document).click(function(e) {
        /**/
        if(!$(e.target).closest('.ribbonmenu').length) {
            if($('.nav_browse_ul li').hasClass('active')) {
                $('.nav_browse_ul li').removeClass('active');   
            }
            $('.ribbon_slides').animate({'width': '-=' + ($(selected_slide).width() + 20).toString()});
            $('.ribbon_panel').animate({'width': '-=' + $(selected_slide).width()}, function() {
                $('.nav_browse_ul li.nav_divider_before').css('margin-right', '0px');
                $('.ribbon_slides').hide();                     
            });

            isOpen = false;
        }

    })