javascript - jquery左右滑动到div下一个或后退

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>

标签： javascriptjqueryhtmlcss