Javascript 如果可能，关闭所有打开的下拉列表并合并代码

我需要做的是在选择另一个文本下拉列表时关闭文本下拉列表，这样我就不会在页面上同时打开一堆下拉列表。

我有两个文本下拉列表，将使用一个接一个交替在页面上。换言之，手风琴1、手风琴2、手风琴1、手风琴2等等，我之所以拥有手风琴1和手风琴2，是因为我的经验有限，这是我唯一能找出改变按钮颜色的方法，这样列表就可以改变颜色。整合代码会很好，但如果需要，我可以接受额外的代码

这是手风琴1的代码

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

.accordion1{
背景色：#eee；
颜色：#444；
光标：指针；
填充：18px；
宽度：100%；
文本对齐：左对齐；
边界：无；
大纲：无；
过渡：0.4s；
}
.手风琴2{
背景色：#8461E8；
颜色：#444；
光标：指针；
填充：18px；
宽度：100%；
文本对齐：左对齐；
边界：无；
大纲：无；
过渡：0.4s；
}
/*如果单击按钮，则为其添加背景色（添加
.active类），当您将鼠标移到该类上时（悬停）*/
.1，
.手风琴1：悬停{
背景色：#ccc；
}
/*设计手风琴面板的样式。注意：默认情况下隐藏*/
.专题小组1{
填充：0 18px；
背景色：白色；
显示：无；
溢出：隐藏；
}
.手风琴1:之后{
内容：'\02795'；
/*加号（+）的Unicode字符*/
字体大小：13px；
颜色：#777；
浮动：对；
左边距：5px；
}
.手风琴2:之后{
内容：'\02795'；
/*加号（+）的Unicode字符*/
字体大小：13px；
颜色：#777；
浮动：对；
左边距：5px；
}
.1：之后{
内容：“\2796”；
/*“减号（-）的Unicode字符*/
}

交流发电机和调节器
第一组单词转到此处>
电池和逆变器
第二组单词放在这里

交流和直流配电盘
第三组重复使用“手风琴1到这里”

问题1—“我如何不在页面上同时打开一堆下拉列表”：

关闭所有下拉列表，然后再打开另一个下拉列表。您还可以创建css规则来显示或隐藏下拉列表。这样，将更容易找到当前活动的下拉列表。请参阅下面的代码

问题2-“我如何使列表中的颜色交替”

可以向元素添加多个类。只需创建颜色类并将它们添加到正确的元素中。请参阅下面的代码

注:

• 使用CSS选择器而不是JavaScript来显示/隐藏面板
• 。反过来做
• 对所有手风琴使用相同的JavaScript代码和CSS

编辑（滚动查看）

我添加了自动滚动窗口的代码，以便活动选项卡可见。 它只适用于Chrome、Firefox和Opera。使用此多边形填充在其他浏览器中使用。和

//查询所有手风琴
var accordions=document.queryselectoral（'.accordion'）；
对于（变量i=0；i

.accordion.header按钮{
文本对齐：左对齐；
填充：18px；
背景：透明；
边界：无；
大纲：无；
光标：指针；
宽度：100%；
颜色：#444；
宽度：100%；
过渡：0.4s；
}
/*根据修改器类设置颜色*/
.手风琴.灰色按钮{
背景色：#eee；
}
.手风琴.紫色钮扣{
背景色：#8461E8；
}
.手风琴.活动按钮，
.手风琴按钮：悬停{
背景色：#ccc；
}
.手风琴板{
填充：0 18px；
背景色：白色；
显示：无；
溢出：隐藏；
}
/*如果手风琴处于活动状态，则显示面板*/
.手风琴.有源.面板{
显示：块；
}
.手风琴按钮：后{
内容：'\02795'；
字体大小：13px；
颜色：#777；
浮动：对；
左边距：5px；
}
.手风琴.活动按钮：后{
内容：“\2796”；
}

交流发电机和调节器

第一组单词在这里。
恐怕我自己也不明白。不…但我想被问一下！迈克尔！这叫做“利用”