클릭시
$('.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 |