채택완료

javascript .each() 클릭 관련 질문있습니다.

예를들어

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 포인트

Copy
$(".a").click(function(){var eq = $(".a").index($(this));$(".b").eq(eq).toggle("fast");});

테스트는 안해봤는데 한번 해보세요

 

답변에 대한 댓글 1개

[code]
$(document).ready(function(){
$('.faq_q').each(function(i){
$(this).click(function(e){
$('.faq_a').eq(i).toggle('fast');
});
});
});
[/code]

자체 해결했습니당!! 감사합니다!!

답변을 작성하려면 로그인이 필요합니다.