多个 DIV 的翻转动画答案

【问题标题】：Flip animation for multiple DIV's多个 DIV 的翻转动画
【发布时间】：2014-05-19 12:36:58
【问题描述】：

我有一个奇怪的问题，似乎很简单，但我找不到解决方案。

我有 3 个由 drupal->views 生成的divs，每个div 底部都有一个按钮，我需要在单击按钮时翻转div。基本上，如果当前显示 div #1 并按下按钮，则第二个 div 显示为翻转效果，与第三个 div 相同。

安排如下：

<div class="views-row views-row-1 views-row-odd views-row-first"> <div id="careers_excerpt_88" class="careers_excerpt"> <div id="careers_description_88" class="careers_description"> <div id="careers_form_88" class="careers_form"> </div>

且内容在以上三个divs之内。

现在的问题是我可以显示和隐藏这些 divs 但翻转不起作用。我尝试了很多 JavaScript 插件，其中一些适用于两个 divs。

我只是在这个问题上需要帮助（或者建议我一些好的插件）。

【问题讨论】：

你能用你的完整代码添加一个 JSFIDDLE 链接吗？只有一个 div 是不够的。
@manu，我添加了 JSFIDDLE 链接，没有动画。 jsfiddle.net/tB2LA你能给我一个方法吗？

标签： javascript jquery html css jquery-plugins

【解决方案1】：

查看this tutorial。

不需要 JS 库。

只需使用 CSS，不要忘记在正确的元素上正确设置这些属性：transform-style、transition、perspective、backface-visibility 和 transform。

小心供应商前缀！

还有 Internet Explorer。 [你可以找到一些技巧。][3]

【讨论】：

【解决方案2】：

我不知道您正在寻找的翻转 div 的功能/意图到底是什么，但这里有一个插件可以调节以实现您想要的。

这里是：Demo and Plugin

还有Github Link

希望这会有所帮助。

【讨论】：