div轮播问题

Question

三个按钮，对应三个垂直的div顺序排列，点击第二个div的按钮，第二个div滑动到第一个div的位置，第三个div滑动到第二个div的位置。第一个div滑动到最下面。三个div都是同时显示。
个人觉得这个是轮播的问题，但是也有些不同，请大家指教

下面是代码。已经可以实现基本的功能，但是滑动效果怎么弄，都是向上滑动的、还有感觉自己写的繁琐，有什么修改建议么

Answer 1

其实比你想的简单的多，滑动的图片其实已经排列好的顺序位置，等待你的css变化而变化，常见有transform: translateX(xxxx)但是同时对所有的图片设定滑动后的下一刻对应的css位置，然后触发的时候 就能达到你要的效果了