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