Javascript 如何在单个页面中使用php使while循环生成多个read more按钮？

我想从数据库中获取数据，并在每个数据库上放置一个“多读”和“少读”按钮。然而，只有第一个读了更多的好作品，其余的没有。第一个“读取更多”显示已获取的数据，但当我单击其余的“读取更多”按钮时，它们会变为“读取更少”，但不会显示从数据库获取的数据

注意：如果没有“读取更多”按钮，所有数据都可以从数据库中完美地获取。i、 e如果我不把display:none放在我的.more类中，所有数据都会完美地显示出来

我试着按照上面链接中给出的代码示例进行操作

$（document）.on（“click”，“.rm”，function（））{
if（$（this.text（）=“…阅读更多”）
{
$（此）.text（“少读”）；
$（this.parent（）.children（“.more”）.slideDown（）；
} 
其他的
{
$（此）.text（“…阅读更多”）；
$（this.parent（）.children（“.more”）.slideUp（）；
}
});
.more{display:none；}

专业知识：
资格：

电话：

名称：

组织机构：

会议厅：

地点：

更多信息：

网站：
... 阅读更多

举一个例子，我将采用的方法是使用隐藏div的高度或行数（也可以从中得出高度）或两者的混合，基本上在进行多次“阅读更多”单击时创建“锚定”，同时显示“阅读更少”它可以向上单击一次，也可以返回顶部