jQuery 여러 클래스로 전환

Question

jQuery 토글을 사용하여 동일한 클래스에서 여러 div를 표시하거나 숨기려고합니다.

현재 버튼은 모두 divs를 표시하거나 숨 깁니다. 클래스를 고유하게 만들지 않고 하나의 div를 전환하는 방법은 무엇입니까? Fiddle demo.

jQuery를 :

$(".button").click(function() { 
    $(".comment").toggle(); 
}); 

HTML :

<div class="comment"> 
    Comment 1 
</div> 
<button class="button">Show Comment</button> 
<br/> 
<div class="comment"> 
    Comment 2 
</div> 
<button class="button">Show Comment</button> 

Answer 1

당신은 요소에 주석 상대 클릭 찾아야합니다.

JSFiddle :http://jsfiddle.net/TrueBlueAussie/vgs2wsz2/1/

$(".button").click(function() { 
    $(this).prev(".comment").toggle(); 
}); 

참고 : prev()에 ".comment"귀하의 경우에는 그렇게 (클릭 버튼 인) $(this)와 prev()를 사용하여 버튼에 이전 요소입니다 이 경우에는 필요하지 않지만 더 분명하게 만듭니다.

동일한 작업을 수행합니다.

$(".button").click(function() { 
    $(this).prev().toggle(); 
});