Javascript 在没有ajax的情况下单击缩略图即可加载文章

如演示（下面的链接）所示，当单击文章缩略图时，会出现完整的文章，页面不会刷新，也不会使用ajax

演示链接：

问题:

通过查看源代码，全文实际上已加载 但在我点击缩略图后隐藏并显示。你是怎么做到的 她成功地将这个X缩略图分配给了X文章？我找不到 任何把他们联系起来的参考资料

我也想达到这样的效果，有没有更简单的方法呢

下载源代码链接：

---

如果我未正确读取，为X文章指定X缩略图时，将使用项目在数组中的位置

---

更简单的方法是为每个缩略图使用id并直接引用文章。

只有一个链接。当你们点击第一个链接时，它会打开第一篇文章。因此，链接是缩略图和文章的顺序。