jquery 다른 여러 클래스와 같은 클래스로 하나의 요소를 선택하십시오.

Question

메신저가 현재 여러 div가 동시에 전환되는 데 문제가 있습니다. 표시 할 동일한 클래스의 div가 4 개 있습니다. 어떻게해야합니까?

<div id="container"> 
    <div class="box"><!-- box 1 --> 
    <div class="link"><a href="#" class="show">show content</a></div> 
    <div class="hidden">this text is hidden</div> 
    </div><!--box ends--> 

    <div class="box"><!-- box 2 --> 
    <div class="link"><a href="#" class="show">show content</a></div> 
    <div class="hidden">this text is hidden</div> 
    </div><!--box ends--> 

</div><!--container ends --> 

은 내가, 문제는, 이것이 사용자 havent 한 어떤 내용을 기여 있다면, 어떤 DIV 년대가 wouldnt가, 그가이있는 경우, 사업부의의가 표시됩니다, PHP는 잠시에서 온다 당신이 포인트를 얻을 생각 그의 모든 공헌과 동등하다.

은 내가

$(".show").click(function(){ 
$(".hidden").toggle(); 
}); 

으로 시도했지만 그 코드 내가 표시 할, 표준 된 하나를 보여 어떻게, 그들 모두를 보여줍니다? 난 당신이 이해를 바랍니다 ..

Answer 1

사용 :

$(".show").click(function(){ 
    $(this).parent().next(".hidden").toggle(); 
}); 

parent() 당신에게 div.link을 얻고 next() 당신에게 전환 할 div.hidden을 가져옵니다.