javascript .each() 클릭 관련 질문있습니다.
본문
예를들어
<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 되는 스크립트를 짜려하는데
<script>
$(document).ready(function(){
$('.a').each(function(i){
$(this).click(function(e){
$('.b').each(function(j){
$(this).eq(i).toggle(function(f){});
});
});
});
});</script>
이렇게 하니까 반응이 없더라구요..
어떤식으로 수정해야하는지.. 부탁드립니다.
답변 1
$(".a").click(function(){
var eq = $(".a").index($(this));
$(".b").eq(eq).toggle("fast");
});
테스트는 안해봤는데 한번 해보세요
$(document).ready(function(){
$('.faq_q').each(function(i){
$(this).click(function(e){
$('.faq_a').eq(i).toggle('fast');
});
});
});
자체 해결했습니당!! 감사합니다!!
답변을 작성하시기 전에 로그인 해주세요.
