Onclick 선택한 목록과 관련된 숨겨진 Div 표시

Question

데이터베이스에서 수집 된 데이터 목록이 있습니다.

Div가 "Read More"레이블을 추가하고 다른 div가 내용을 보유하고 숨겨집니다.

사용자가 "자세히보기"텍스트를 클릭하면 콘텐츠 div가 표시됩니다. 여기

아래에 내 현재 코드 :

<script> 
    $(document).ready(function(){ 

     $(".readmore").click(function() { 
      $('.readmecontent').show(); 
     }); 
    }); 
</script> 

// html로 .. 참고 : 콘텐츠 ...

echo '<div class="readmore">Read more...</div>'; 
echo '<div class="readmecontent" style="display:none;">Read Me Content Here</div>'; 

위의 모든 작품을 PHP를 통해 추가하지만 지금은 하드 코딩되지만 문제는 "readmore"클래스가 현재 모든 "readmecontent"클래스를 여는 것입니다.

클릭 한 "readmore"클래스에 적용되는 "readmecontent"DIV를 표시하는 것이 필요합니다.

목록이 동적으로 생성되었으므로 ID를 사용할 수 없습니다.

어떻게하면됩니까?

$(this).next('.readmecontent').show(); 

Answer 1

은 다음의 요소를 찾을 수 this의 인스턴스를 사용하여

Answer 2

이 솔루션은 인스턴스

$(".readmore").click(function() { 
    $('.readmecontent:not(.readmecontent.visible)').eq(0).show().addClass('visible'); 
}); 

을 보유 할 필요가 없습니다 :