javascript - 同时旋转两个div

Question

我正在尝试旋转两个div，我有两个div，第一个是网格div(div1)，第二个是内容div(div2)，现在我正在尝试同时旋转两个div， 例如，在用户简介中，看到页面旋转，即页面前面区域(div 1)返回，后面区域(div 2)出现在前面，但有动画，我不知道我将如何做到这一点，请任何人帮助我对此，

我尝试了这个，但没有帮助我它不断旋转。

fiddle Here

Answer 1

试试这个!!
旋转包含内容的 div
http://jsfiddle.net/lakario/VPjX9/

$('#go').click(function() {
    var page1 = $('.page1');
    var page2 = $('.page2');
    var toHide = page1.is(':visible') ? page1 : page2;
    var toShow = page2.is(':visible') ? page1 : page2;

    toHide.removeClass('flip in').addClass('flip out').hide();
    toShow.removeClass('flip out').addClass('flip in').show();
});