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;} 걸어논 상태에요
답변 1
당연한거 아닌가염?
지금 조건이 1depth의 1번째 li 자식을 show하라고 했잖아요..
그전에 조건문이 전혀 없으니 어딜가나 항상 1번째 자식을 show할텐데요...
그리고css 에서 display:none 걸어도 show 가 이깁니다.
문제를 못풀었지만 답변 감사합니다..!
답변을 작성하시기 전에 로그인 해주세요.