Copy
$(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개 / 댓글 3개
채택된 답변
+20 포인트
2021-06-15 (화) 15:57:24
$('.servicelist .servicelist_li').not($(this)).slideUp();
이걸빼시면될것같은데요..
답변에 대한 댓글 3개
Phillips
2021-06-15 (화) 17:11:21
$(this).parent().children('.servicelist_li').slideToggle()
답변을 작성하려면 로그인이 필요합니다.