토글메뉴 스크립트 봐주실 분 있나요?
본문
$(document).ready(function(){
$(".rez_apply04 ul.servicelist_li").hide();
$( ".rez_apply04 ul.servicelist > li > a" ).click(function() {
$('.servicelist .servicelist_li').not($(this)).slideUp();
var child = $(this).parent().children('.servicelist_li');
if(!child.is(":visible")){
child.slideDown();
}
});
});
<ul class="servicelist">
<li><a >
메뉴1
</a>
<ul class="servicelist_li">
<li>
서브메뉴1
</li>
</ul>
</li>
<li><a >
메뉴2
</a>
<ul class="servicelist_li">
<li>
서브메뉴2
</li>
</ul>
</li>
</ul>
이렇게 구동을 했는데 메뉴1를 눌러서 서브메뉴1가 보이는건 됩니다.
그러나 메뉴2를 눌렀을때도 서브메뉴1이 사라지지 않으면 좋겠는데
메뉴 2를 누르면 서브메뉴2가 펼쳐지면서 서브메뉴 1이 사라집니다.
혹시 같이 보이게 하는 방법 있을까요?
답변 1
$('.servicelist .servicelist_li').not($(this)).slideUp();
이걸빼시면될것같은데요..
저거를 빼면 다시 클릭했을때는 사라지지 않고 그대로입니다. 대신할 코드가 있을까요?
$(this).parent().children('.servicelist_li').slideToggle()
홀랭 감사합니다!
답변을 작성하시기 전에 로그인 해주세요.