2뎁스 메뉴 활성화 하고 싶습니다. 채택완료
bossbug
8년 전
조회 3,725
메뉴는 아래와 같은 구조입니다.
js 에서 menu2-1에 acitve 클라스를 주고 싶은데 어떻게 해야하나요?
즐거운 하루 보내세요.
</p><p><div id="sidemenu">
<ul>
<li>menu1</li>
<li class="has-sub">menu2
<ul>
<li>menu2-1</li>
</ul>
</li>
</ul>
</div></p><p></p><p>( function( $ ) {
$( document ).ready(function() {
$('#sidemenu > ul > li > a').click(function() {
$('#sidemenu li').removeClass('active');
$(this).closest('li').addClass('active');
var checkElement = $(this).next();
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
$(this).closest('li').removeClass('active');
checkElement.slideUp('normal');
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#sidemenu ul ul:visible').slideUp('normal');
checkElement.slideDown('normal');
}
if($(this).closest('li').find('ul').children().length == 0) {
return true;
} else {
return false;
}
});
});
} )( jQuery ); </p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
8년 전
( function( $ ) {
$( document ).ready(function() {
$('#sidemenu > ul > li > a').click(function() {
$('#sidemenu li').removeClass('active');
$(this).closest('li').addClass('active');
$(this).children('ul li').addClass('active');
var checkElement = $(this).next();
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
$(this).closest('li').removeClass('active');
checkElement.slideUp('normal');
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#sidemenu ul ul:visible').slideUp('normal');
checkElement.slideDown('normal');
}
if($(this).closest('li').find('ul').children().length == 0) {
return true;
} else {
return false;
}
});
});
} )( jQuery );
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인