Javascript 如何使我的双按钮菜单成为在标题下显示两个不同html页面的选项卡

正文{
背景：url（background.jpg）；
背景尺寸：封面；
}
h1{
字体系列：“舞蹈脚本”，草书；
字号：5em；
颜色：白色；
文本对齐：居中；
边缘顶部：25px；
边缘底部：20px；
}
氢{
字号：18px；
颜色：白色；
文本对齐：居中；
字体系列：“塔加瓦尔”，无衬线*/
}
人力资源{
边框颜色：白色；
左边距：200px；
右边距：200px；
}
img{
浮动：中心；
宽度：20%；
身高：20%；
文本对齐：居中；
边缘顶部：50px；
边缘底部：50px；
}
李{
显示：内联；
文本对齐：居中；
字体系列：“塔加瓦尔”，无衬线；
}
.btn组{
显示器：flex；
证明内容：中心；
边缘顶部：10px；
边缘底部：50px；
}
.btn组按钮{
对齐项目：居中；
背景色：rgba（135,138,138,0.1）；
边界：无；
颜色：白色；/*白色文本*/
填充：10px 24px；/*一些填充*/*/
光标：指针；/*指针/手形图标*/
浮动：/*并排浮动按钮*/
盒影：1px；
保证金：0自动；
}
.btn组按钮：非（：最后一个子项）{
右边框：无；防止双边框
}
/*清除浮动（clearfix hack）*/
.btn组：之后{
内容：“；
明确：两者皆有；
显示：表格；
}
/*在悬停时添加背景色*/
.btn组按钮：悬停{
背景色：rgb（49,52,56）；
边框：1.5px实心rgb（49,52,56）；
}
.btn组按钮：焦点{
背景色：rgb（49,52,56）；
大纲：rgb（49,52,56）；
边框颜色：rgb（49,52,56）；
边框：1px实心rgb（49,52,56）；
}
.btn a组{
颜色：白色；
}
.btn a组：悬停{
文字装饰：无；
}
/**/
/*设置选项卡的样式*/

文件夹
文件夹
我的名字是我是一个前端网络开发人员从。我热爱用户体验/用户界面，目前正在全国各地寻找工作。我愿意在异地工作，也愿意搬迁。请查看我的工作，并通过以下信息与我联系以了解更多信息。



HTML5*
CSS3*
JavaScript*
反应*
Wordpress*
用户体验/用户界面*
草图*
Adobe套件*
继续学习的热情和动力




项目

正如我所看到的，您正在使用bootstrap 4。所以最好的方法就是使用导航标签。检查引导文档。以下是一个例子：

<ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a> </li> <li class="nav-item"> <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a> </li> <li class="nav-item"> <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Contact</a> </li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">...</div> <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div> <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div> </div>

<。。。

---

请先在代码段或代码笔中发布您的所有代码，以便人们可以快速编辑您的代码以帮助您。您的

openMenu（）

函数是什么样子的。这似乎是代码中最重要的部分。为了提高可读性，请将文本移到代码上方。因为您已经在使用引导。为什么不使用它的标签呢，向下滚动查看JavaScript行为