JavaScript手风琴切换第一个元素处于活动状态

请求快速帮助。这是我手风琴的JS。现在这是完整的脚本。 QN：我如何修改JS以使我的第一个面板元素在页面加载时处于活动/扩展状态，但在单击时切换（就像它已经做的那样）

提前谢谢

var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i

.panel{溢出：隐藏；最大高度：0}

第1节
我的内容1
第二节
“我的内容2”

您可以在手风琴菜单后加载或创建时使用以下代码

var acc = document.getElementsByClassName("accordion");
acc[0].classList.toggle("active");

---

您可以在加载或创建手风琴菜单后使用以下代码

var acc = document.getElementsByClassName("accordion");
acc[0].classList.toggle("active");

---

我希望这会对你有所帮助，我只是触发了第一个手风琴的点击功能

var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i

.panel{溢出：隐藏；最大高度：0}

第1节
我的内容1
第二节
我的内容2

我希望在这里对您有所帮助，我只是触发了第一个手风琴的点击功能

var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i

.panel{溢出：隐藏；最大高度：0}

第1节
我的内容1
第二节
我的内容2

你能在代码段中给出它吗？我添加了一个@kalaiselvana，你可以触发

acc[0]。单击（）这是简短而完美的，谢谢@KalaiselvanAsounds good！。。。你能在代码段中给出它吗？我已经添加了一个@kalaiselvana，你可以触发
acc[0]。单击（）这是简短而完美的，谢谢@KalaiselvanAsounds good！。。。显然，要显示的内容在每个手风琴菜单的下一个菜单中。还需要几行。我添加了一个片段。显然，要显示的内容在每个手风琴菜单的下一个元素中。还需要几行。我添加了一个片段。