Javascript 可切换顶栏内的可切换侧栏

你好，

我需要在一个可折叠的顶栏里放一些可折叠的侧标签。现在，如果我单击顶部栏的按钮，每个侧选项卡都会打开

我只想打开第一个侧标签，并将其设置为活动，如果点击了顶栏的按钮

即使选择了一个sidetab，如果单击了topbar的按钮，该函数也必须重新启动。（查看代码片段）

请帮帮我。非常感谢

函数openTab（evt，tabName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i
.tablinks{
宽度：自动；
身高：5雷姆；
浮动：左；
左：2%；
右：2%；
边界：无；
大纲：无；
光标：指针；
背景色：#000；
颜色：白色；
字号：17px；
字号：700；
文本转换：大写；
}
/*更改悬停按钮的背景色*/
.tablinks:悬停{
颜色：#BD1521；
过渡：0.35秒全部缓解；
}
/*设置选项卡内容的默认样式*/
.tabcontent{
浮动：左；
宽度：100%；
最小高度：69vh；
垫面：3%；
颜色：白色；
显示：无；
文本对齐：居中；
}
.tabtext{
宽度：68%；
}
分区卡{
浮动：左；
边框：1px实心#ccc；
背景色：#f1f1；
宽度：30雷姆；
高度：300px；
}
.卡img{
浮动：左；
宽度：100%；
}
/*设置选项卡内按钮的样式*/
分区卡按钮{
显示：块；
背景色：继承；
颜色：黑色；
填充：1.5雷姆；
宽度：100%；
边界：无；
大纲：无；
文本对齐：左对齐；
光标：指针；
过渡：0.3s；
文本转换：大写；
}
/*更改悬停按钮的背景色*/
div.card按钮：悬停{
背景色：#ddd；
}
/*创建一个活动/当前的“tab button”类*/
div.card按钮。激活{
背景色：#000；
颜色：白色；
}
/*设置选项卡内容的样式*/
.cardcontent{
浮动：左；
右：2%；
左：2%；
左缘：1%；
宽度：71.7%；
高度：自动；
颜色：黑色；
文本对齐：左对齐；
线高：1.5雷姆；
}

维修及保养；INSTANDSETZUNG
LACKIERUNG&；福列朗
巴盖特兰德酒店
布莱希登
帕克德伦
哈格尔施登
他是一位汽车用户，他是一位私人汽车制造商-
Kunden，这是最优秀的服务质量和服务质量
贝迪安，你的朋友！

在贝雷城、哈格尔、德伦和卡洛塞里，我们的工作人员都很出色。麻省理工学院质量、质量和服务
schaffen wir zufriedene Kunden。

杰德·奥夫特拉格·沃尔德·格洛特·索尔法特·奥舍弗尔。他们的准备工作是由一支球队和一支球队组成的，所以他们的队员们都很缺乏训练
这是一个非常重要的问题。

现货及；泰拉克基隆
科姆普列特拉奇龙酒店
自动对叶
克拉哲伦特弗农
落伍者
云雀
如果你是一名汽车用户，那么你将获得更好的服务质量。你的朋友！

在贝雷城、哈格尔、德伦和卡洛塞里，我们的工作人员都很出色。麻省理工学院质量、质量和服务
schaffen wir zufriedene Kunden。

杰德·奥夫特拉格·沃尔德·格洛特·索尔法特·奥舍弗尔。他们的准备工作是由一支球队和一支球队组成的，所以他们的队员们都很缺乏训练
这是一个非常重要的问题。

如果你是一名汽车用户，那么你将获得更好的服务质量。你的朋友！

在贝雷城、哈格尔、德伦和卡洛塞里，我们的工作人员都很出色。麻省理工学院质量、质量和服务
schaffen wir zufriedene Kunden。

杰德·奥夫特拉格·沃尔德·格洛特·索尔法特·奥舍弗尔。他们的准备工作是由一支球队和一支球队组成的，所以他们的队员们都很缺乏训练
这是一个非常重要的问题。

我可能误解了您的目标，但听起来您的目标是可以实现的。你是不是特别想让这个程序化？是的，我想