我正在使用Elementor的HTML小部件，这是一个WordPress主题构建器。当我单击某些按钮（sect1 - sect12）时，我正在尝试显示/隐藏部分（btn1, btn2, btn3，名为HTML，CSS，JavaScript和node）。命名为Frontend Developer、Backend Developer和Designer），我让它工作了，但是当我刷新页面时，按钮变得不可点击。每个按钮控制4个部分，因此btn1->；sect1 - sect4，btn2->；sect5 - sect8，btn3->；sect9 - sect 12。

<代码><；脚本>；.element-editor-active.hidden{显示：块；}.隐藏{显示：无；}.已显示{显示：块！重要的；动画：_中的淡入淡出_Anim 0.5S；}.btn_活动_状态{背景色：#D9D3FF！重要的；}@关键帧在_动画中淡入_{0% {不透明度：0；转换：translateY（-30px）；}100% {不透明度：1；变换：translateY（0px）；}}常量按钮=[..document.querySelectorAll（[ID^=' btn ']）]常量映射=[[0，4]，[4，8]，[8，12]]常量部分=[..document.querySelectorAll（“[ID^=' sect ']”）对于（令I=0；我<；3;我++）{button[I].addEventListener（' click '，函数（事件）{事件.preventDefault（）；切换DIV（此）对于（设J=映射[I][0]；J<；映射[I][1]；J++）{章节[J].ClassList.Add（"；Shown"；，"；Fade"；）}})}函数toggledivs（btn）{按钮.Foreach（B=>；B.ClassList.Remove（“ btn_活动_状态”）btn.ClassList.Add（“ btn_活动_状态”）section.Foreach（s=>；s.ClassList.remove（' shown '））}//如果需要，强制按钮1状态初始化btn1.focus（）；btn1.click（）；<；/脚本>；<；样式>；.element-editor-active.hidden{显示：块；}.隐藏{显示：无；}.已显示{显示：块！重要的；动画：_中的淡入淡出_Anim 0.5S；}.btn_活动_状态{背景色：#D9D3FF！重要的；}@关键帧在_动画中淡入_{0% {不透明度：0；转换：translateY（-30px）；}100% {不透明度：1；变换：translateY（0px）；}}<；/样式>；

顺晟科技：

你在试着做手风琴菜单吗？

您可以使用触发器