Javascript 如何自动显示此菜单的第一个结果？

我对这个菜单有一个问题，当我进入我的网站时，如果我点击菜单，它只显示菜单“电影”中的内容，当我进入网站时，它什么也不显示，我想相反，他会显示“电影”菜单的内容，而不必点击它，我做错了什么

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

.tab{
溢出：隐藏；
边框：1px实心#ccc；
背景色：#f1f1；
}
.选项卡按钮{
背景色：继承；
浮动：左；
边界：无；
大纲：无；
光标：指针；
填充：14px 16px；
过渡：0.3s；
字号：17px；
}
.tab按钮：悬停{
背景色：#ddd；
}
.tab按钮。激活{
背景色：#ccc；
}
.tabcontent{
显示：无；
填充：6px 12px；
边框：1px实心#ccc；
边界顶部：无；
}

电影
塞里斯
动画
德森霍斯
电影
待办事项影片

塞里斯
托达斯·阿斯·塞里斯

动画
托多动画

德森霍斯
托多斯德森霍斯酒店

我相信这可能就是您想要的。基本上，我更改了

Filmes

按钮的初始类，以包括

active

，并确保

Filmes

部分在其样式中包含一个

display:block

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

.tab{
溢出：隐藏；
边框：1px实心#ccc；
背景色：#f1f1；
}
.选项卡按钮{
背景色：继承；
浮动：左；
边界：无；
大纲：无；
光标：指针；
填充：14px 16px；
过渡：0.3s；
字号：17px；
}
.tab按钮：悬停{
背景色：#ddd；
}
.tab按钮。激活{
背景色：#ccc；
}
.tabcontent{
显示：无；
填充：6px 12px；
边框：1px实心#ccc；
边界顶部：无；
}

电影
塞里斯
动画
德森霍斯
电影
待办事项影片

塞里斯
托达斯·阿斯·塞里斯

动画
托多动画

德森霍斯
托多斯德森霍斯酒店

code-sample-mate很抱歉，我试图发布代码，但它只给出了错误，我在粘贴箱中发布的代码也无法发送到这里，但这里是@Nae上面的示例，请注意，“Filmes”菜单不显示任何内容，只需单击它，您是否希望第一个选项卡“Filmes”处于活动/预选状态？@Ricky yes，它在未单击的情况下被激活，当您单击另一个菜单时，它将消失并显示已单击的菜单