如何滑出旧的div并在循环中带有文本内容的新div中滑动？

Question

如何制作两个div，以便在单击按钮之后，旧的div是slade out并且新的div与新内容一起滑入？

我的构思但没有对齐inline： jsfiddle

我找到了类似于我的构思的内容但是对于我的解决方案，我需要动态添加内容的无限循环：example 1或example 2

Answer 1

我对现有代码和CSS做了一些更改，但这应该做你想要的。我还在重置按钮上添加了一个检查，以确保slideOut尚未隐藏。否则，动画将取消隐藏元素并再次隐藏它。

最好将内容放入jQuery $(document).ready()函数中，以确保在尝试使用它们之前已加载所有元素。

New Fiddle Link