jQuery左右滑动幻灯片到下一个或后退

Question

我正在寻找一个非常简单的功能，可以向右或向左滑动下一个或向后的div。 实际上，我想构建一个页面，而没有任何关于x，y的滚动。

Div1一个按钮。当按下那个按钮时，它应该在页面上显示div2并带有幻灯片。我不要滚动。 （div1应该隐藏）

然后div2的按钮显示div3，div3的按钮显示div5，然后返回div1。 请帮我解决一下这个。 我在这里添加HTML的示例代码 谢谢

<div class="div1" id="div1">
    <button class="btn">Slide right to div 2</button>
</div>

<div class="div2" id="div2">
    <button class="btn">Slide right to div 3</button>
</div>

<div class="div3" id="div3">
    <button class="btn">Slide left to div 1</button>
    <button class="btn">Slide right to div 5</button>
</div>

<div class="div4" id="div5">
    <button class="btn">Slide right to div 3</button>
    <button class="btn">Slide right to div 2</button>
</div>