我发现了许多jQuery插件，可让您“翻转”元素。 SmashUp Labs的Flip!插件似乎最受欢迎/有用，这是我当前正在使用的插件。
同时，当然，这里和其他地方都有许多解决方案，可以在两个不同的现有div之间进行切换，但是它们都没有涉及翻转。
但是我需要的是同时发生这两种情况。我在Flip中发现的问题！是它包括内容作为函数调用的一部分，而我实际上想使用翻转功能在两个不同的现有div之间切换。我已经使用iframe使它看起来大致正确，但是随后我使用了一个不必要的iframe，并且在翻转之后我还必须等待该帧加载，这看起来很糟糕。
翻转的div的两个“边”都太大且太复杂，无法合理地插入到函数调用中，并且我不能使用$('div').text()之类的东西，因为这会创建div的副本，而不是显示我已经拥有的div。
那么，有谁知道做翻转的任何库，但是允许您指定要在翻转结束后显示的元素吗？还是有人使用Flip！完成了这种事情，也许使用了其回调函数？
最佳答案
您可以尝试使用CSS绝对位置将两个div放在翻转框的顶部，以便div的内容在翻转框的背景顶部，看起来像在框中一样。
例如，您有div1和div2，默认情况下，在页面加载时，div1正在显示，而div2具有display：none样式，然后在Flip中挂接回调，如下所示：
$("#flipbox").flip({
direction:'tb',
onBefore: function(){
$('#div1').hide();
},
onEnd: function(){
$('#div2').show();
}
});
div1和div2的内容都在翻转框的顶部，因此看起来像是包含的。