javascript - jQuery UI，滑出一个Div，滑入Next

Question

我目前有一个包含两个主要 div 的布局，两者都必须是全宽和全高，但显然你一次只能看到一个。

在两者之间交换时，我想要一个很好的过渡，而不是简单的淡入淡出/显示。

我试图让一个 div 在另一个 div 滑入的同时滑出，但由于定位和布局，一个 div 被迫在下一个 div 之下。

图片显示问题：

这是一个显示问题的小提琴：http: //jsfiddle.net/bazzlad/spbyk/1/

Answer 1

改变：

#test {
    background: #fff;
    height: 100%;
    display: none;

}

到：

#test {
    background: #fff;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}

JsFiddle：http: //jsfiddle.net/spbyk/3/

享受和好运！