如何使选项卡在单击时在html中保持打开状态

我有一个有标签的html页面。 我希望当我单击选项卡时，选项卡下的内容会打开。当我单击选项卡时，选项卡会“打开”一秒钟，然后关闭

怎样才能使这些标签保持打开状态？我已经尝试了W3学校推荐的几种格式化选项卡html代码的方法，但似乎仍然无法使其正确运行

以下是我的html代码：

函数openTabs（evt，tabName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i

.active，
.可折叠：悬停{
背景色：#f1f1；
}
.内容{
填充：0 18px；
显示：无；
溢出：隐藏；
背景色：#f1f1；
}
文本区{
调整大小：无；
溢出y：滚动；
溢出-x：滚动；
}
桌子
th，
运输署{
边框：1px纯黑；
边界塌陷：塌陷；
}
th，
运输署{
填充：2px；
}
th{
文本对齐：左对齐；
}
/*设置选项卡的样式*/
.标签{
溢出：隐藏；
边框：1px实心#fff；
背景色：#fff；
宽度：595px
}
/*设置选项卡内按钮的样式*/
.选项卡按钮{
背景色：#fff；
浮动：左；
边界：无；
大纲：无；
光标：指针；
填充：12px 14px；
过渡：0.3s；
字体大小：15px；
}
/*更改悬停按钮的背景色*/
.tab按钮：悬停{
背景色：#ddd；
}
/*创建活动/当前tablink类*/
.tab按钮。激活{
背景色：#ccc；
}
/*设置选项卡内容的样式*/
.tabcontent{
显示：无；
填充：6px 12px；
边框：1px实心#ccc；
边界顶部：无；
}

API测试（v 0.1α）
协议
得到
放
邮递
删除
网址：



先进的
授权
标题
身体
授权
伦敦是英国的首都

标题
钥匙
价值
描述
X
X
X
身体
东京是日本的首都









响应代码


响应数据

默认情况下，

将在单击表单时提交表单。您可以改用

  <a class="tablinks" onclick="openTabs(event, 'Authorization')">Authorization</a>
  <a class="tablinks" onclick="openTabs(event, 'Header')">Header</a>
  <a class="tablinks" onclick="openTabs(event, 'Body')">Body</a>

授权
标题
身体