jQuery를 사용하여 하나의 반복 요소를 대상으로 지정

Question

표시/숨길 요소에 대해 개별 토글을 만들려고합니다. 비슷한 모든 요소가 작업에 응답하고 있습니다. 특정 세트에 대해서만이 작업을 수행하려면 어떻게해야합니까? 모든 유사한 섹션을 Heres 현재 내가 조상을 찾기 위해

https://jsfiddle.net/bqu0hznf/

<div class="container-fluid"> 
<div class="row"> 
    <div class="col-md-12"> 
     <div class="panel panel-primary panel-custom"> 
      <div class="panel-heading"> 
       <div class="img-wrap"> 
        <img src="http://placehold.it/50x50"> 
       </div> 
       <div class="content-wrap"> 
        <h4 class="panel-title"><a href="javascript:void(0);" class="acc-toggle">Basic panel example</a></h4> 
        <p>Lorem ipsum dolor blah blah blah....</p> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-md-12"> 
     <div class="panel panel-primary panel-custom"> 
      <div class="panel-heading"> 
       <div class="img-wrap"> 
        <img src="http://placehold.it/50x50"> 
       </div> 
       <div class="content-wrap"> 
        <h4 class="panel-title"><a href="javascript:void(0);" class="acc-toggle">Basic panel example</a></h4> 
        <p>Lorem ipsum dolor blah blah blah....</p> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-md-12"> 
     <div class="panel panel-primary panel-custom"> 
      <div class="panel-heading"> 
       <div class="img-wrap"> 
        <img src="http://placehold.it/50x50"> 
       </div> 
       <div class="content-wrap"> 
        <h4 class="panel-title"><a href="javascript:void(0);" class="acc-toggle">Basic panel example</a></h4> 
        <p>Lorem ipsum dolor blah blah blah....</p> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

<script> 
    $('.acc-toggle').click(function() { 
     $('.panel-custom p , .panel-custom .img-wrap img').fadeToggle('fast', 'linear'); 
    }); 
</script> 

Answer 1

사용 $(this).closest('.panel-custom')을 만든 것의 바이올린을

을 전환 .panel-custom 다음 내부 p, .img-wrap img을 찾을지고 그것은 다음과 같습니다.

$('.acc-toggle').click(function() { 
    $(this).closest('.panel-custom').find('p, .img-wrap img').fadeToggle('fast', 'linear'); 
}); 

UPDATED FIDDLE