테스트 사이트 - 개발 중인 베타 버전입니다

토글메뉴 스크립트 봐주실 분 있나요? 채택완료

인찌 4년 전 조회 1,403

</p>

<p>$(document).ready(function(){</p>

<p>$(".rez_apply04 ul.servicelist_li").hide();</p>

<p>$( ".rez_apply04 ul.servicelist > li > a" ).click(function() {</p>

<p>$('.servicelist .servicelist_li').not($(this)).slideUp();</p>

<p>var child = $(this).parent().children('.servicelist_li');</p>

<p>if(!child.is(":visible")){</p>

<p>child.slideDown();</p>

<p>}</p>

<p>});</p>

<p>});</p>

<p> </p>

<p><ul class="servicelist"></p>

<p> </p>

<p><li><a ></p>

<p>메뉴1</p>

<p></a></p>

<p> </p>

<p><ul class="servicelist_li"></p>

<p><li></p>

<p>서브메뉴1</p>

<p></li></p>

<p></ul></p>

<p></li></p>

<p> </p>

<p><li><a ></p>

<p>메뉴2</p>

<p></a></p>

<p> </p>

<p><ul class="servicelist_li"></p>

<p><li></p>

<p>서브메뉴2</p>

<p></li></p>

<p></ul></p>

<p></li></p>

<p> </p>

<p></ul></p>

<p> </p>

<p>

 

 

이렇게 구동을 했는데  메뉴1를 눌러서 서브메뉴1가 보이는건 됩니다.

그러나 메뉴2를 눌렀을때도 서브메뉴1이 사라지지 않으면 좋겠는데

메뉴 2를 누르면 서브메뉴2가 펼쳐지면서 서브메뉴 1이 사라집니다. 

혹시 같이 보이게 하는 방법 있을까요?

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
핑크빈
4년 전
$('.servicelist .servicelist_li').not($(this)).slideUp();

이걸빼시면될것같은데요..

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

인찌
4년 전
저거를 빼면 다시 클릭했을때는 사라지지 않고 그대로입니다. 대신할 코드가 있을까요?
P
Phillips
4년 전
$(this).parent().children('.servicelist_li').slideToggle()
인찌
4년 전
홀랭 감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인