Question

有两个div，左边的div显示，右边的隐藏（默认）。

当我点击左边div时，感觉左边的div向左移动，右边隐藏的div向右边移动并显示出来，急求解！！

若以下回答无法解决问题，邀请你更新回答

Answer 1

什么叫“感觉左边的div向左移动”，这个要说清楚，这个用jquery来做吧，简单很多

追问

就是左边的向左边移动，右边向右移动，直到右边的div全部显示出来就停止

追答

用jquery做了一下，发给你看看行不行

追问

效果是对的，不过我是想红色的跟绿色的之间没有距离，要挨在一起！！！能做出来么？

追答

打开html改一下style里面的一句就可以了，这句改为400
#div2
{
left:400px;
}

追问

好吧！#div2{ left:300px;
$(this).animate({"left":'150px'},2000);
$("#div2").animate({"opacity":1,"left":'352px'},2000);

我改成这样就行了！！！

追答

改成300就重叠在一起了，不信你可以把#div2的透明度取消一下，就可以看出没动之前他们的位置是怎么样的
#div2
{
background: green;
position: absolute;
left:400px;
top:50px;
//filter:alpha(opacity:0);
//opacity:0;
}