Question

我有JSFIDDLE设置演示了我的问题，我确信这是一个简单的修复。

我试图向左滑动蓝色div，同时从右边滑动红色div。滑动动画正在按照我想要的方式工作，但是当红色div滑动时它出现在蓝色div下方。如何让它定位在蓝色div的右侧而不是在动画期间出现在它下面？

代码：

$("#slide2").on('click', function(){
    $( "#blueDiv" ).effect( "slide", hideoptions, 1000);
    $( "#redDiv" ).effect( "slide", showoptions, 1000);                
});

Answer 1

您可以使用position：absolute将它们从流中取出并将它们放在一起：

div > div
{
    position: absolute;
}

如果您想使其更具体于此div，您可以使用特定的选择器：

#contentWrapper div
{
    position: absolute;
}

JSFiddle

Answer 2

http://jsfiddle.net/ggfA6/12

position: absolute

两个元素都需要绝对定位，以便它们不占用流量中的空间。

jquery幻灯片效果，隐藏一个div并显示另一个div

2 个答案:

JSFiddle