与纯javascript保持一致-只能使用双击

我想通过使用accordio方法在onclick事件（纯javascript）上扩展div，因为它有多个级别，但只能在双击时工作。我希望它在函数中，而不是javascript onload

提前感谢您提供的任何帮助

函数togglediv（）{
设acc=document.getElementsByClassName（“accordion”）；
对于（变量i=0；i

.accordion、.subpanel手风琴{
背景色：#eee；
颜色：#444；
光标：指针；
填充：18px；
宽度：100%；
边界：无；
文本对齐：左对齐；
大纲：无；
字体大小：15px；
过渡：0.4s；
显示器：flex；
}
.手风琴{
填充：0 18px；
显示：无；
背景色：白色；
溢出：隐藏；
}

1级
二级
单击级别2
三级
单击级别3
第2（2）级
单击级别2（2）

如果您想要一个函数，那么您就不需要添加

addEventListener

，因为它已经添加了

onlick

事件

功能切换（项目）{
item.classList.toggle（“活动”）；
让panel=item.nextElementSibling；
如果（面板！==null）{
if（panel.style.display==“block”）{
panel.style.display=“无”；
}否则{
panel.style.display=“block”；
}
}
返回false；
}

.accordion、.subpanel手风琴{
背景色：#eee；
颜色：#444；
光标：指针；
填充：18px；
宽度：100%；
边界：无；
文本对齐：左对齐；
大纲：无；
字体大小：15px；
过渡：0.4s；
显示器：flex；
}
.手风琴{
填充：0 18px；
显示：无；
背景色：白色；
溢出：隐藏；
}

1级
二级
单击级别2
三级
单击级别3
第2（2）级
单击级别2（2）

您不需要使用

onclick=“togglediv（）

，因为您已经在添加事件侦听器，所以只需删除

togglediv（）

并添加事件侦听器即可，如下所示：

let acc=document.getElementsByClassName（“accordion”）；
对于（变量i=0；i

手风琴， .亚板手风琴{ 背景色：#eee； 颜色：#444； 光标：指针； 填充：18px； 宽度：100%； 边界：无； 文本对齐：左对齐； 大纲：无； 字体大小：15px； 过渡：0.4s； 显示器：flex； } .手风琴{ 填充：0 18px； 显示：无； 背景色：白色； 溢出：隐藏； }

1级
二级
单击级别2
三级
单击级别3
第2（2）级
单击级别2（2）