javascript - mouseenter とドキュメントのクリックは最初の li 要素を常に点滅させます

Question

リボン スタイルのメニューを作成しました。この問題は FireFox および Google Chrome ブラウザで発生します。マウスを入力して文書をクリックすると、リストの最初の要素が常に点滅します。IE ではこの問題は発生しません。私のjqueryコードを見て、この小さなグリッチの原因を見つけることができるかどうかを確認してください - ページはここにあります

これは、この 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;
        }

    })