Javascript 与jQuery集成的Wordpress循环

所以这是一种很难解释的文字，我附上了一个图像，以配合它，所以它应该有点更有意义

基本上，我想在一行中显示最近的帖子。它们将通过_post_缩略图显示

单击缩略图时，其上方的div将被取消隐藏，并将内容向下滑动以显示有关单击的缩略图的信息。如果单击下一个缩略图，当前div将向上滑动并隐藏，然后另一个隐藏的div将向下滑动并显示下一个缩略图的信息

---

我真的不知道如何去做这件事，所以任何帮助将非常感谢与UPD投票：D

也许您可以使用一些jquery插件来创建库，比如

希望它只需要一些调整，以适应您的需要

---

查看此内容并告诉我您是否需要类似的内容。

在您发布的示例中，所有帖子的HTML似乎都构建在一个辅助页面（）上，该页面包含在主可折叠div中。该div的高度设置为0，每当您从下面单击缩略图时：

将内部内容移动到正确的位置（可能基于从单击的缩略图检索到的id）

div使用类似jQuery的东西进行扩展

如果它已经扩展；使用动画将其折叠，将内容移动到新位置，然后重新展开

现在回到WordPress循环，我想你可以做两件事之一：

使用循环构建一个类似的结构，在其中加载所有帖子 然后为它们构建大的“焦点”块并隐藏它们（如下所示 示例）然后单击相关的缩略图后显示该缩略图

使用循环构建缩略图，并设置wordpress帖子id 作为每个缩略图的id，然后异步重新加载大部分 使用ajax创建页面的链接。这可能更难，但效率更高， 我也不知道该怎么做

---

那么你在寻求哪方面的帮助呢？：）Wordpress是一个多功能的循环，非常容易管理。有什么特别的地方会给你带来麻烦吗？D:这比我想象的要难多了哈哈：（！我会仔细阅读你发布的内容，然后试着把它搞定，但看起来确实比我预期的要难。D：如果你熟悉WP循环，并且你想发布的帖子相对较少，那么第一个选择应该很容易。如果你能使用循环构建HTML，那么只需要几个bas即可ic jQuery动画。我可能会玩一玩，然后尝试运行一些示例代码，然后如果我在这里发帖，如果你不介意的话，请让你看一看：）？当然，如果我及时收到通知并且可以提供帮助的话。：）请记住接受或至少对我的答案投赞成票，如果有帮助的话。单击缩略图时不会发生任何事情（页面刚刚刷新）。好的，我会看看你的示例，看看你如何调整jquery插件来实现这一点。好的，我已经编写了WP循环来显示内容，并加入了一个小小的jquery使其看起来有点花哨。这是一个工作版本，大致基于我找到的示例-这是我的HTML和循环-