/****************************************/ /* Name: KOSEP /* PART: Javascript /* Version: 1.0 /* Author: 박현아 /****************************************/ $(function(){ /* Part : GNB */ var $gnb = $('.gnb ul'), $gnbLi = $gnb.find('>li'), $gnbA = $gnbLi.find('>a'); var $subGnb = $gnbLi.find('ul'), $subGnbLi = $subGnb.find('>li'), $subGnbA = $subGnbLi.find('>a'); $gnbA.on('mouseenter focusin', function(){ $gnbLi.removeClass('on'); $(this).parent().addClass('on'); }); $gnb.on('mouseleave', function(){ $gnbLi.removeClass('on'); }); //end mouseleave $subGnbA.on('mouseenter focusin', function(){ $subGnbLi.removeClass('on'); $(this).parent().parent().parent().addClass('on'); }); //end mouseenter $gnbLi.last().find('a').on('keydown', function(event){ if(event.keyCode == 9){ $gnbLi.removeClass('on'); } }); $gnbLi.find('a').on('keydown', function(event){ if(window.event.shiftKey && event.keyCode == 9){ $gnbLi.removeClass('on'); } }) /* Part :LNB */ var $lnb = $('#lnb'), $lnbLi = $lnb.find('>li'), $lnbA = $lnbLi.find('>a'), $lnbImg = $lnbA.find('img'); $lnbA.on('click', function(){ var lnbImg =$(this).find('img'); $lnbLi.removeClass('on'); $(this).parent().addClass('on'); $lnbLi.not($lnbLi.filter('.on')).each(function(){ var $lnbImg = $(this).find('>a>img'); $lnbImg.attr('src', $lnbImg.attr('src').replace('_on.png', '_off.png')); }) lnbImg.attr('src', lnbImg.attr('src').replace('_off.png', '_on.png')); }); //end click $lnbLi.each(function(){ var $lnbImg = $lnbLi.filter('.on').find('>a>img'); if($(this).filter('.on')){ $lnbImg.attr('src', $lnbImg.attr('src').replace('_off.png', '_on.png')); } }) var $subLnb = $lnbLi.find('>ul'), $subLnbLi = $subLnb.find('li'), $subLnbA = $subLnbLi.find('a'); $subLnbA.on('click', function(){ $subLnbLi.removeClass('on'); $(this).parent().addClass('on'); if($(this).next().is('ul')){ $(this).parent().addClass('has_sub'); } if($(this).parent().parent().parent().is('.has_sub')){ $(this).parent().parent().parent().addClass('on'); } }) /* Part : Tab */ /** HISTORY var $tab = $('.tab'), $tabLi = $tab.find('>li'), $tabA = $tabLi.find('>a'); var $tabCont = $('.yearWr, .tab_cont'); $tabA.not($('.tab.type2>li>a')).on('click', function(){ var tabContNum = $(this).parent().index(); $tabLi.removeClass('on'); $(this).parent().addClass('on'); $tabCont.removeClass('on') $tabCont.eq(tabContNum).addClass('on'); return false; });**/ // 웹 접근성 지침 준수 : 선택됨 selected 추가 //$(".tab li:first-of-type, .tab_cont:first-of-type, .tab_cont2:first-of-type").addClass('on').attr("tabindex", "0").attr("aria-expanded", "true"); //$(".tab li:first-of-type").attr("aria-selected", "true"); // 탭 클릭 시 전환 // $(".tab li a").click(function(e){ // e.preventDefault(); // $(this).addClass("on").attr("title", "selected").siblings().removeClass("on"); // $("#" + $(this).attr("aria-controls")).addClass("on").siblings(".tab_cont, .tab_cont2").removeClass("on"); // }); $('.tab li:first-of-type>a').attr('title', 'selected'); var tab_nw = $('.tab li'); tab_nw.on('click', function (){ var idx = $(this).index(); var tab_con = $(this).parents('.tab_group_1').children('.tab_cont, .tab_cont2').eq(idx); $(this).addClass('on').children('a').attr('title', 'selected'); $(this).siblings().removeClass('on').children('a').removeAttr('title'); tab_con.addClass('on'); tab_con.siblings('.tab_cont, .tab_cont2').removeClass('on'); }); }); //end function