翻转多个DIV的动画

时间:2014-05-19 12:36:58

标签: javascript jquery html css jquery-plugins

我有一个奇怪的问题似乎是一个简单的问题,但我无法找到解决方案。

我有3个divs由drupal->视图生成,每个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

我只需要帮助解决这个问题(或者建议我使用一些好的插件)。

2 个答案:

答案 0 :(得分:0)

查看this tutorial

不需要JS lib。

只需使用CSS,不要忘记在正确的元素上正确设置这些属性:transform-styletransitionperspectivebackface-visibility和{{1} }。

小心供应商前缀!

还有Internet Explorer。 [你可以找到一些黑客。] [3]

答案 1 :(得分:0)

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

以下是:Demo and Plugin

Github Link

希望这有帮助。