Javascript 手风琴只打开一次，然后就会出现故障

有人能确定为什么我的手风琴没有无限地点击和关闭，并且在点击几下后出现故障吗

当我在它自己的HTML/CSS/JS文件中尝试了这一点时，它的工作非常完美。我不知道是什么可能阻碍这项工作

几个小时来我一直在努力解决这个问题，这让我发疯。我无法确定问题在哪里，欢迎任何建议

const acc=document.getElementsByClassName（'accordion'）；
让我；
对于（i=0；i

@仅媒体屏幕和（最大宽度：767px）{
.桌上手风琴{
显示：块！重要；
}
.手风琴{
颜色：rgb（35,35,35）；
光标：指针；
填充：10px 3px；
宽度：100%；
边界：无；
边框底部：rgb（186186186）1px实心；
大纲：无；
字体大小：12px；
文本对齐：左对齐；
过渡：0.4s；
柔性包装：包装；
背景：无；
字体家族：继承；
}
.手风琴：焦点{
边界：无；
}
.主动，
.手风琴：悬停{
颜色：黑色；
}
.手风琴{
内容：'\2715'；
变换：旋转（45度）；
颜色：黑色；
字体大小：粗体；
浮动：对；
左边距：5px；
过渡：0.3s缓解；
}
.活动：之后{
内容：'\2715'；
变换：旋转（90度）；
过渡：0.3s缓解；
}
.小组{
边际：0px；
线高：2；
填充：0px 10px；
颜色：#fff；
字体家族：继承；
字体大小：12px；
字体大小：400；
最大高度：0；
溢出：隐藏；
过渡：最大高度0.4s；
}
.面板a：悬停{
颜色：rgb（52,52,52）；
文字装饰：下划线；
}
}

购物和学习













服务








账户





苹果商店













为了生意




教育




医疗保健




苹果价值观






关于苹果

发生这种情况是因为最初

style.maxHeight

的值为null，因此当我们第一次在

if

中检查它时，它返回

false

，但当您将其设置为“0”时，它的实际字符串

0px

不是

int

，这会导致在接下来的检查中条件为true

只需添加另一个条件

panel.style.maxHeight=“0px”

，它将按预期工作

const acc=document.getElementsByClassName（'accordion'）；
让我；
对于（i=0；i

@仅媒体屏幕和（最大宽度：767px）{
.桌上手风琴{
显示：块！重要；
}
.手风琴{
颜色：rgb（35,35,35）；
光标：指针；
填充：10px 3px；
宽度：100%；
边界：无；
边框底部：rgb（186186186）1px实心；
大纲：无；
字体大小：12px；
文本对齐：左对齐；
过渡：0.4s；
柔性包装：包装；
背景：无；
字体家族：继承；
}
.手风琴：焦点{
边界：无；
}
.主动，
.手风琴：悬停{
颜色：黑色；
}
.手风琴{
内容：'\2715'；
变换：旋转（45度）；
颜色：黑色；
字体大小：粗体；
浮动：对；
左边距：5px；
过渡：0.3s缓解；
}
.活动：之后{
内容：'\2715'；
变换：旋转（90度）；
过渡：0.3s缓解；
}
.小组{
边际：0px；
线高：2；
填充：0px 10px；
颜色：#fff；
字体家族：继承；
字体大小：12px；
字体大小：400；
最大高度：0；
溢出：隐藏；
过渡：最大高度0.4s；
}
.面板a：悬停{
颜色：rgb（52,52,52）；
文字装饰：下划线；
}
}

购物和学习













服务