본문 바로가기
Front/jQuery

nav jQuery 소스

by 오다다의 이상한 코드 odada 2020. 11. 12.

클릭시

$('.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();
     });

'Front > jQuery' 카테고리의 다른 글

dd  (0) 2020.11.26
nav jQuery 소스  (0) 2020.11.12
06. jQuery Effects  (0) 2020.08.28
05. jQuery Event Methods  (0) 2020.08.28
04. jQuery HTML Dimensions  (0) 2020.08.28
03. jQuery HTML  (0) 2020.08.20

댓글0