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

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

QA

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

본문


$(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이 사라집니다. 

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

 

 

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 21
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT