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();
     });
반응형

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

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
02. jQuery Selectors  (0) 2020.08.20
티스토리 친구하기