动画卡堆栈

Question

我正在尝试创建一堆卡片，如果您单击将打开以显示单个卡片。我创建了堆栈以及显示卡片的行为，但现在想要添加一些卡片移动到新位置的动画（因为它们被显示）。

http://jsfiddle.net/psivadasan/zbkBn/

感谢任何帮助。

Answer 1

jQuery提供了一个叫做animate的很棒的方法。您可以为任何数字CSS属性设置动画。您可以非常轻松地使用它来更改卡片div的位置。

http://api.jquery.com/animate/

编辑：

以下是您的示例：

http://jsfiddle.net/zbkBn/31/

Answer 2

您想使用jquery animate function。

你必须更改你的代码，以便在点击时你将在你动画的每个项目上运行动画功能，然后如果你愿意，你可以添加一个回调函数，它将改变您正在移动的块项目。

Answer 3

由于其他答案都是关于animate（）的，所以可能就是这样，我只想提一下，因为你已经在使用toggle（），它也支持动画。 但是，你无法真正为类动画，但这里只是一个示例来展示动画看起来如何使用切换：http://jsfiddle.net/zbkBn/38/