jQuery 질문합니다.
본문
<ul class="1depth">
<li>
<a></a>
<ul class="2dept">
<li>
<a></a>
</li>
<li>
<a class="menu"></a>
</li>
</ul>
</li>
<ul>
<script>
$(document).ready(function(){
$( " .1depth > li:nth-child(1) .2depth " ).show();
$( " .1depth > li" ).on( "click", function(){
$(this).children( " .2dept " ).slideDown(500);
$(this).siblings().children( " .2dept " ).slideUp(500);
} );
});
<script>
a가 hasClass("menu") 일때 부모2인 2dept 를 show(); 하고싶습니다.
선택자 선택을 잘못하고 있나봐요 아무리 해봐도 안됩니다..
근데 2dept 의 a.menu 를 클릭해서 이동하면
.1depth 의 첫번째 자식만 계속 show 되고 있습니다 ㅠㅠ
css는 .2depth {display:none;} 걸어논 상태에요
답변을 작성하시기 전에 로그인 해주세요.
