Javascript 手风琴菜单有点小问题（隐藏/显示）

好时间。此链接上有一个手风琴菜单： （要查看它，您需要单击绿色的“运行”按钮）

这是一个简单的显示/隐藏菜单。如何使默认内容被扩展并通过单击可以隐藏它？（即与当前的相反）

---

亲爱的，请帮助解决这个问题。

好吧，虽然您描述问题的方式不清楚，但我认为您正在尝试与您提供的代码相反的操作，因此您希望“内容”菜单在默认情况下显示，当您单击它时，菜单会向后折叠

首先，您要将

.active

类默认设置为

.contentsacordion

按钮，如下所示：

<button class="ContentsAccordion active">Contents</button>

其余的代码不需要任何更改

工作示例如下：

.ContentsAccordion{
背景色：#eee；
颜色：#444；
光标：指针；
填充：18px；
宽度：100%；
边界：无；
文本对齐：左对齐；
大纲：无；
字号：18px；
过渡：0.4s；
}
按钮。内容记录：之后{
内容：“\002B”；
颜色：#777；
字体大小：粗体；
浮动：对；
左边距：5px；
}
按钮。内容录制。活动：之后{
内容：'\2212'；
}
.active、.ContentsCordion:悬停{
背景色：#ccc；
}
康特斯潘先生{
填充：0 18px；
背景色：白色；
最大高度：0；
溢出：隐藏；
过渡段：最大高度0.2s放松；
边框：1px#ccc实心；
}
.ContentsAccordionP{
字体大小：16px；
}
目录
var acc=document.getElementsByClassName（“ContentsAccordion”）；
var i；
var pan=document.getElementsByClassName（“ContentsPanel”）；
平移[0]。setAttribute（'style'，'max height:'+pan[0]。scrollHeight+'px；'）；
对于（i=0；i

请在问题正文中包含您遇到问题的代码。指向外部站点的链接可能会有问题。请提供您尝试过的内容的详细信息。

var pan = document.getElementsByClassName("ContentsPanel");
pan[0].setAttribute('style', 'max-height: ' + pan[0].scrollHeight + 'px;');