Front/jQuery

nav jQuery 소스

oodada 2020. 11. 12. 07:14

클릭시

$('.depth1 > li > a').click(function(){
        if ($(this).parent().hasClass('on') === false) {
            $('.depth1 > li').removeClass('on');
            $(this).parent().addClass('on');
        } else if ($(this).parent().hasClass('on') === true) {
            $(this).parent().removeClass('on');
        }
    })

 

마우스 오버시

$('.depth1 > li > a').mouseenter(function () {
  if ($(this).not($(this).hasClass('on'))) {
    $('nav li ul').slideUp();
    $(this).next().slideToggle();
    $('nav li').removeClass('on');
    $(this).parent().addClass('on');
  }
});

 $('nav').mouseleave(function () {
         $('nav li ul').slideUp();
     });