我在我的网站上有如下标记：
<body>
<div id="wrapper">
<div id="middle">
<div class="red-container">
<div class="row">
Middle. Row 1.
</div>
</div>
</div>
<div id="right">
<div class="green-container">
<div class="row">
Right. Row 1.
</div>
</div>
</div>
</div>
</body>
很明显，rightdiv 必须在middlediv 的右侧。这是小提琴（right我的小提琴里面的 div 实际上并不在middlediv 的右侧）：http: //jsfiddle.net/NNMYS/
我想在这里实现滑动效果： div
中的所有内容middle都应该向左滑动并在动画后被移除。另一方面，同时，来自rightdiv 的内容（在我的情况下将通过 ajax 添加到rightdiv）应该从右侧滑到divdiv middle（并从rightdiv 中删除）。怎么可能呢？
我可以直接通过将所有内容按位置分隔并滑动到单击的项目来直接完成内容滑块。但是在这里，因为我将通过 ajax 添加内容并且还有一些响应式实现，在我的情况下这似乎是不可能的。