Javascript 如何使按钮导航到不同的页面？

我想有一个主页，有一个导航按钮栏，每个按钮打开我的代码不同的页面，并有一个“返回”按钮返回主页。 我不知道如何使页面的html代码在主页中看不到，当我单击按钮时，它们会出现（我更喜欢使用幻灯片右键动画），当我单击“返回”按钮时，它会向左滑回到主屏幕 这是我的代码，例如：

nav.nav-center ul{
文本对齐：居中；
}
导航中心{
显示：内联；
浮动：无；
}
导航中心{
显示：内联块；
}

按钮1
按钮2

这应该仅在单击按钮1后显示
我希望该按钮可以在页面中导航，这样只有在单击按钮1后才会显示

这应该仅在单击按钮2后显示
我希望该按钮可以导航页面，这样只有在单击按钮2后才会显示

您必须创建单独的HTML文件以显示在不同的路径上。如果你是初学者，我已经在这个链接上更改了你的代码

编辑：解释代码

为button1 button2创建两个文件（例如a.html b.html），并相应地粘贴其内容

然后在index.html中删除复制到a.html和b.html的代码

在index.html中-

<a href="a.html" class="waves-effect waves-light btn">Button1</a>
<a href="b.html" class="waves-effect waves-light btn">Button2</a>

---

这应该行。

是的，我是个乞丐，谢谢！我会看着它，学会如何做