제이쿼리 질문합니다.

summer1

4년 전 2,187

gnb에 마우스 hover했을 때, 서브메뉴 전체가 보이는데

hover 한 메뉴에 속해있는 서브메뉴만 보이도록 코드를 수정하고 싶습니다.

$(function() {
   var gnb_h = $('#gnb_1dul').height();
   var gnb_h_on = 0;
   var is_gnb_on = false;

   // GNB
   $('.gnb_1dli').each(function() { gnb_h_on = gnb_h_on > $(this).height() ? gnb_h_on : $(this).height(); });
   $('#gnb_1dul').on({
       'focusin': function() {
           is_gnb_on = true;
           $('#gnb h2').show();
           $(this).stop().css({'height': gnb_h_on});
       },
       'mouseover': function() {
           if (is_gnb_on == false) {
               is_gnb_on = true;
               $('#gnb h2').show();
               $(this).stop().clearQueue().animate({height: gnb_h_on}, 400);
           }
       },
       'focusout mouseleave': function() {
           if (is_gnb_on == true) {
               is_gnb_on = false;
               $(this).stop().clearQueue().animate({height: gnb_h}, 200, function() { $('#gnb h2').hide(); });
           }
       }
   });