예를들어
Copy
<style>.b{display:none;}</style><div class="a">1</div><div class="b">a</div><div class="a">1</div><div class="b">a</div><div class="a">1</div><div class="b">a</div><div class="a">1</div><div class="b">a</div><div class="a">1</div><div class="b">a</div>
이렇게 div가 구성되어있고, 첫번째 ".a" div 를 클릭하면 첫번째 ".b" div 가 보여지고 다시 클릭하면 hide 되는 스크립트를 짜려하는데
Copy
<script>$(document).ready(function(){ $('.a').each(function(i){ $(this).click(function(e){ $('.b').each(function(j){ $(this).eq(i).toggle(function(f){}); }); }); });});</script>
이렇게 하니까 반응이 없더라구요..
어떤식으로 수정해야하는지.. 부탁드립니다.
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
블랙캣77
8년 전
Copy
$(".a").click(function(){var eq = $(".a").index($(this));$(".b").eq(eq).toggle("fast");});
테스트는 안해봤는데 한번 해보세요
답변에 대한 댓글 1개
경하귀요밍
8년 전
답변을 작성하려면 로그인이 필요합니다.
$(document).ready(function(){
$('.faq_q').each(function(i){
$(this).click(function(e){
$('.faq_a').eq(i).toggle('fast');
});
});
});
[/code]
자체 해결했습니당!! 감사합니다!!