单击“显示特定于所选列表的隐藏潜水” - Onclick Show Hidden Div specific to the Listing selected

Onclick Show Hidden Div specific to the Listing selected

我有一个从数据库中收集的数据列表。

我添加了一个带有"Read More"标签的Div和另一个保存内容并隐藏的Div。

当用户单击"read More"文本时，Contentdiv将显示。

下面是我当前的代码：

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

//HTML。。注意：内容将通过php添加，但现在是硬编码的。。。

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

以上所有操作都有效，但问题是"readmore"类当前打开了所有"readecontent"类。

我只需要它来显示适用于已单击的"readmore"类的"readecontent"DIV。

我不能使用ID，因为列表是动态创建的。

我该怎么做？

使用this的实例查找下一个元素：

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

此解决方案不需要持有实例

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