요소의 행에서 "next"div에 액세스하는 방법

Question

다음은 예제 코드입니다. 내가 원하는 것은 특정 들여 쓰기 된 div 위의 "토글"링크를 클릭하면 그 아래에있는 div.indived를 토글하지만 다른 들여 쓰기 된 요소에는 영향을주지 않기를 바란다 ... div의 레이아웃을 변경할 수 없다. jquery로 액세스하는 방법을 알아야합니다. 그들은 내가 사용할 수있는 의심 서로 같은 사업부에

인 경우 : 나는 다음 내용처럼 사용할 수 있습니다 ....

jQuery(this).siblings(".indented").slideToggle(500); 

그래서 기능의 종류를 찾고()? 그러나 그것도 작동하지 않는 것 같습니다.

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     jQuery(".link").click(function() { 
     jQuery(".indented").slideToggle(500); 
     }); 
    }); 
</script> 


<div class="comment"> 
    <div class="outter"> 
     <div class="inner"> 
      <div class="links"> 
       <a class="link">Toggle</a> 
      </div> 
     </div> 
    </div> 
</div> 

<div class="indented"> 
    <div class="comment">Some comment</a> 
    <div class="comment">Another comment</div> 
</div> 

<!-- Comment #2 ---> 

<div class="comment"> 
    <div class="outter"> 
     <div class="inner"> 
      <div class="links"> 
       <a class="link">Toggle</a> 
      </div> 
     </div> 
    </div> 
</div> 

<div class="indented"> 
    <div class="comment">Some comment</a> 
    <div class="comment">Another comment</div> 
</div> 

<!-- Comment #3 ---> 

<div class="comment"> 
    <div class="outter"> 
     <div class="inner"> 
      <div class="links"> 
       <a class="link">Toggle</a> 
      </div> 
     </div> 
    </div> 
</div> 

<div class="indented"> 
    <div class="comment">Some comment</a> 
    <div class="comment">Another comment</div> 
</div> 

Answer 1

jQuery(document).ready(function() { 
     jQuery(".link").click(function() { 
     jQuery(this).closest(".comment").next('.indented').slideToggle(500); 
     }); 
    });