Javascript 我可以在一页上列出隐藏和显示帖子的列表吗？

我正在使用下面的javascript在我的网站上隐藏和显示一个注册表单，它可以完美地用于一个表单。当我想在一页上看到更多这样的内容时，麻烦就开始了

<script type="text/javascript">
jQuery(document).ready(function() {
// Hide the div
jQuery('#reveal').hide();
jQuery('.rv_button').click(function(e){
e.preventDefault();jQuery("#reveal").slideToggle(1000);
jQuery('.rv_button').toggleClass('opened closed');
});
});
</script>

我在触发切换的按钮中添加了类“rv_button closed”，并在表单本身中添加了一个ID“reveal”

我想用同样的效果来隐藏和显示一个页面上的博客文章列表，但它不起作用。我尝试将ID添加到按钮而不是类，因为它们不是唯一的项，但也不起作用

---

有没有办法调整代码来帮助我实现这一点？

如果不同时查看HTML结构，回答起来有点困难，但是您可以为div创建一个包装器。然后，您可以检查按钮被单击的包装器，并操作该特定包装器中的元素

$（文档）.ready（函数（）{
$（'.rv_按钮'）。单击（函数（）{
$wrapper=$（this）.closest（'.wrapper'）；
$wrapper.find（'.reveal'）.slideToggle（1000）；
$（this.toggleClass（'open-closed'）；
});
});
.wrapper{margin bottom:15px；}
.REVEL{display:none；}
.rv_按钮。关闭：{content:“\25BD”；}
.rv_按钮。打开：{内容：“\25B3”}之后

Lorem ipsum dolor sit amet，是一位杰出的献身者。长颈前庭。莫比·内克·乌尔纳，前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。三叉戟，三叉戟

Lorem ipsum dolor sit amet，是一位杰出的献身者。长颈前庭。莫比·内克·乌尔纳，前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。三叉戟，三叉戟

Lorem ipsum dolor sit amet，是一位杰出的献身者。长颈前庭。莫比·内克·乌尔纳，前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。三叉戟，三叉戟

如果不同时查看HTML结构，就有点难以回答，但您可以为div创建一个包装器。然后，您可以检查按钮被单击的包装器，并操作该特定包装器中的元素


$（文档）.ready（函数（）{
$（'.rv_按钮'）。单击（函数（）{
$wrapper=$（this）.closest（'.wrapper'）；
$wrapper.find（'.reveal'）.slideToggle（1000）；
$（this.toggleClass（'open-closed'）；
});
});
.wrapper{margin bottom:15px；}
.REVEL{display:none；}
.rv_按钮。关闭：{content:“\25BD”；}
.rv_按钮。打开：{内容：“\25B3”}之后

Lorem ipsum dolor sit amet，是一位杰出的献身者。长颈前庭。莫比·内克·乌尔纳，前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。三叉戟，三叉戟

Lorem ipsum dolor sit amet，是一位杰出的献身者。长颈前庭。莫比·内克·乌尔纳，前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。三叉戟，三叉戟

Lorem ipsum dolor sit amet，是一位杰出的献身者。长颈前庭。莫比·内克·乌尔纳，前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。三叉戟，三叉戟

更多的
“这些”
？什么意思？什么不起作用？如果博客文章是动态的（异步事件的结果），那么您需要在这些特定的博客条目元素出现时对它们进行
.hide（）
。对于造成的混乱，我们深表歉意。我有一个表单在我的页面上使用上面的脚本，它的工作。作为一个实验，我试图在同一页上再添加三个表单，但显示函数对这些表单不起作用。在另一个页面上，我想有一个博客帖子列表，我想显示标题，隐藏图片和简介。我想知道我可以调整上面的代码来实现这一点吗？我对javascript一点也不熟悉。更多的
“这些”
？什么意思？什么不起作用？如果博客文章是动态的（异步事件的结果），那么您需要在这些特定的博客条目元素出现时对它们进行
.hide（）
。对于造成的混乱，我们深表歉意。我有一个表单在我的页面上使用上面的脚本，它的工作。作为一个实验，我试图在同一页上再添加三个表单，但显示函数对这些表单不起作用。在另一个页面上，我想有一个博客帖子列表，我想显示标题，隐藏图片和简介。我想知道我可以调整上面的代码来实现这一点吗？我对javascript一点也不熟悉。
.rv_button.closed:after {content:"\33";}
.rv_button.opened:after{content:"\32";}