제이쿼리 li 메뉴 > depth02 보이기

$(function () {
  $('#header .gnb>li').on('mouseenter', function () {
    // 각 li에 마우스를 올렸을때 자신 안쪽depth02 보여주고 나머지 형제안의 depth02안보이게
    $(this).find('.depth02').show().parent().siblings().find('.depth02').hide();
    $('#header').addClass('on');
  });

  $('#header').on('mouseleave', function () {
    $('#header').removeClass('on');
    // 헤더에서 마우스 빠졌을때만 서브메뉴 안보이게
    $('#header .gnb .depth02').hide();
  });
});

 

 

 

 

 

원본참고

https://www.bonif.co.kr/