使用Jquery设置一系列结果的动画

我正在尝试使用jQuery从数据库查询中生成一系列结果的动画

首先，我希望它显示类似于上的示例。 但我还想添加一个行为，即当一个used单击其悬停的元素时，它会使用jQuery扩展以填充整个父元素（在本例中是a）

我希望这种情况发生在其他元素之上，也许可以使用z-index。但是我希望元素相对于它在页面上的位置展开

根据Soh Tanaka的教程选择悬停在上方的元素

此元素以这种方式设置动画和展开

但这一个必须有不同的动画

动画后元素的最终完成位置

我还想有元素的图像说，在左上角已经有了进一步的细节在放大框淡出动画完成后

如果他们能点击一个后退按钮，动画就可以播放了，那也太好了。我不确定这是否必须是某种覆盖，如灯箱或其他东西，因为我不希望其他元素必须移动到所选元素的方式才能设置动画

希望有人能提出建议

---

Dan

我创建了一个JSFIDLE实现，实现了您似乎想要的功能

只需将图像添加到box div

如果我能提供进一步帮助，请告诉我

编辑

更新了我的示例以包含您要求的正确悬停效果

只需要一些微调。例如，许多javascript代码可以与公共函数共享。但我会把这项任务交给你。不管怎样，这里有一个你要求的工作示例。您现在需要做的就是添加内容并对其进行微调

编辑

说这个我有点不好意思。但我似乎无法控制自己。我在提供的示例中添加了更多效果。这是另一个版本；）