Javascript 由于活动类，如何更改图像？

我有三个手风琴，这是切换活动类，只显示一个手风琴。我想根据打开（活动）的手风琴更改我的侧面图像。例如如果1.accordio活动显示

photo1.jpeg

等。我找不到实现这一目标的方法。我想，会有这样的逻辑；如果第一个accordion类列表包含活动类show photo1.jpeg等。有人能帮我吗

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

.container{
显示器：flex；
}
.img集装箱{
高度：250px；
宽度：自动；
}
.img容器img{
高度：250px；
宽度：自动；
}
.手风琴{
背景色：#eee；
颜色：#444；
光标：指针；
填充：18px；
宽度：100%；
边界：无；
文本对齐：左对齐；
大纲：无；
字体大小：15px；
过渡：0.4s；
}
.主动，
.手风琴：悬停{
背景色：#ccc；
}
.小组{
填充：0 18px；
背景色：白色；
最大高度：0；
溢出：隐藏；
过渡段：最大高度0.2s放松；
}

第一节
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

第二节
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

第三节
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

使用您的代码，这里有一种方法可以为每个活动选项卡应用不同的图像

我将id=“image”添加到您的图像标记中，并使用活动索引更改其来源

我使用示例图像来显示功能。-注释在代码中

var acc=document.getElementsByClassName（“accordion”）；
//将图像声明为图像标记的变量
var image=document.getElementById（“image”）；
对于（变量i=0；i

.container{
显示器：flex；
}
.img集装箱{
高度：250px；
宽度：自动；
}
.img容器img{
高度：250px；
宽度：自动；
}
.手风琴{
背景色：#eee；
颜色：#444；
光标：指针；
填充：18px；
宽度：100%；
边界：无；
文本对齐：左对齐；
大纲：无；
字体大小：15px；
过渡：0.4s；
}
.主动，
.手风琴：悬停{
背景色：#ccc；
}
.小组{
填充：0 18px；
背景色：白色；
最大高度：0；
溢出：隐藏；
过渡段：最大高度0.2s放松；
}

第一节
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

第二节
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

第三节
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作