제이쿼리 focus 이벤트 질문

$(function() {

        $('.gnb_wrap button.menu').click(function(e) {

            if($(this).hasClass('on')) {

                $(this).removeClass('on');

                $('body').removeClass('all');

                $(this).blur();

                $('.gnb_wrap .all').stop().slideUp();

            } else {

                $(this).addClass('on');

                $('body').addClass('all');

                $(this).blur();

                $('.gnb_wrap .all').stop().slideDown();

            }

        });

        function m_nav(nav,option) {

            var $nav = $(nav);

            var $line = $nav.find('.line');

            var speed = option.speed || 200; 

            var type = option.type || 'slide'; 

            var bspeed = option.bspeed || 200; 

            var idx = option.idx || 0;

            

            var $on_li = null;

            if(idx > 0) {

                $on_li = $(nav + " .gnb_large>li:nth-child("+idx+")");

                $on_li.addClass('on');

                var pos  = $on_li.position();

                var line_width = $on_li.outerWidth();

                $line.stop().animate({left:(pos.left)+'px',width:line_width+'px'},bspeed);

            }

            $nav.find('.gnb_large>li').each(function(index, element) {

                $(this).mouseenter(function(e) {

                    if(type == 'slide') $(this).find('.gnb_sub').stop().slideDown(speed);  

                    else if(type == 'fade') $(this).find('.gnb_sub').stop().fadeIn(speed);  

                    else $(this).find('.gnb_sub').stop().show(speed);  

                    $(nav + ' .gnb_large>li').removeClass('on');

                    $(this).addClass('on');

                    var pos  = $(this).position();

                    var line_width = $(this).outerWidth();

                    $line.stop().animate({left:(pos.left)+'px',width:line_width+'px'},bspeed);

                });

                $(this).mouseleave(function(e) {

                    if(type == 'slide') $(this).find('.gnb_sub').stop().slideUp(speed);

                    else if(type == 'fade') $(this).find('.gnb_sub').stop().fadeOut(speed);  

                    else $(this).find('.gnb_sub').stop().hide(speed);  

                    $(nav + ' .gnb_large>li').removeClass('on');

                    $line.stop().animate({left:0,width:0},bspeed);

                

                    if(idx > 0) {

                        $on_li.addClass('on');

                        var pos  = $on_li.position();

                        var line_width = $on_li.outWidth();

                        $line.stop().animate({left:(pos.left)+'px',width:line_width+'px'},bspeed);

                    }

                });

            });

 

 

 

 

 

 

 

 

 

 

 

 

//여기서 부터 focus / blur 시작

            $nav.find('.gnb_large>li').each(function(index, element) {

                $('.gnb_large>li a').focus(function(e) {

                    if(type == 'slide') $(this).next('.gnb_sub').stop().slideDown(speed);  

                    else if(type == 'fade') $(this).find('.gnb_sub').stop().fadeIn(speed);  

                    else $(this).find('.gnb_sub').stop().show(speed);

                    $(nav + ' .gnb_large>li').removeClass('on');

                    $(this).addClass('on');

                    var pos  = $(this).position();

                    var line_width = $(this).outerWidth();

                    $line.stop().animate({left:(pos.left)+'px',width:line_width+'px'},bspeed);

                });

                $('.gnb_sub li a').blur(function(e) {

                    if(type == 'slide') $(this).parents('.gnb_sub').stop().slideUp(speed);  

                    else if(type == 'fade') $(this).find('.gnb_sub').stop().fadeOut(speed);  

                    else $(this).find('.gnb_sub').stop().hide(speed);  

                    $(nav + ' .gnb_large>li').removeClass('on');

                    $line.stop().animate({left:0,width:0},bspeed);

                

                    if(idx > 0) {

                        $on_li.addClass('on');

                        var pos  = $on_li.position();

                        var line_width = $on_li.outWidth();

                        $line.stop().animate({left:(pos.left)+'px',width:line_width+'px'},bspeed);

                    }

                });

            });

 

        }

        //idx : 초기 on

        //speed : 메뉴 모션속도

        //bspeed : 바 모션속도

        //type : 모션타입

        var idx = 0;

        m_nav('.gnb_wrap', {speed:150,type:'slide',bspeed:200, idx:idx});

    });