Javascript 使用多个下拉开关无法按预期工作

我使用下面的方法为多个div生成下拉字段，但是现在每个生成的切换按钮只会打开第一个div的切换内容

以下是我目前正在使用的内容：

.toggle{
显示：无；
}
.选择权{
位置：相对位置；
边缘底部：1米；
}
.个人简历标题，
.生物含量{
背面可见性：隐藏；
变换：translateZ（0）；
过渡：均为0.2s；
}
.个人简历标题{
背景：#fff；
填充：1em；
显示：块；
颜色：#7A7572；
字体大小：粗体；
}
.简历标题：之后，
.简历标题：之前{
内容：“；
位置：绝对位置；
右：1.25em；
顶部：1.25em；
宽度：2倍；
高度：0.75em；
背景色：#7A7572；
过渡：均为0.2s；
}
.简历标题：之后{
变换：旋转（90度）；
}
.生物含量{
最大高度：0；
溢出：隐藏；
背景色：#fff；
}
.生物含量p{
保证金：0；
填充：0.5em 1em 1em；
字号：0.9em；
线高：1.5；
}
.切换：选中+生物标题，
.切换：选中+.生物标题+.生物内容{
盒影：3px 3px 6px#ddd，-3px 3px 6px#ddd；
}
.切换：选中+.生物标题+.生物内容{
最大高度：500px；
}
.切换：选中+.生物标题：之前{
变换：旋转（90度）！重要；
}

了解更多
内容

了解更多
内容

最简单的解决方案是更改ID

.toggle{
显示：无；
}
.选择权{
位置：相对位置；
边缘底部：1米；
}
.生物含量{
最大高度：0；
溢出：隐藏；
背景色：#fff；
过渡：最大高度1s；
}
.切换：选中+.生物标题+.生物内容{
最大高度：500px；
}

了解更多
内容

了解更多
内容

id

应该是唯一的，您正在使用相同的id

切换

两次。更改第二个的id，并更新其标签以使用新id。这看起来很好，但我可能没有尽可能地解释这一点。我的问题是，我正在使用软件根据需要生成这些div；所以我不确定如何将不同的div与WP插件结合起来。我可能会将此标记为已解决，因为它确实解决了我最初解释它的方式，然后重新问这个问题。@codeforever我理解：）不用担心。用最简单的JS解决方案更新了我的答案。你太棒了！今天我要给大家一个机会：）更新：工作得很有魅力。