我一直试图修复几个重叠的div。我发现了问题，但我不知道如何修复它。
现在，我正在尝试创建这个动画下拉框。但是，当我复制这个div时，原始框和新框重叠。这是因为我为了审美目的添加了position: absolute;。有办法解决这个问题吗？
此外，我使用Javascript创建了一个下拉动画，该动画以.faqInner类为目标显示。问题是，因为我针对一个类，当div被复制时，只需按下其中一个按钮，所有其他div就会显示出来。除了为每个盒子分配一个id并逐个动画它们之外，还有其他解决方案吗？
我在JSFiddle中的代码：https://jsfiddle.net/docao248/wh7fzg61/1/
修正了jsfiddle：https://jsfiddle.net/wh7fzg61/22/
1）由于你在absolute上使用位置.faqInner，父容器.faqSectionSub没有高度，物品堆放在一个地方。似乎没有充分的理由使用绝对位置来获得你想要的设计，所以我建议你不要使用它。作为一种选择，我在上面的小提琴中稍微重新设置了布局。
2）click事件的回调函数具有分配给当前元素的this内容。如果您将$(".faqInner").slideToggle("slow")修改为$(this).parent().find('.faqInner').slideToggle('slow')之类的内容，则只会在单击的父级内搜索该类。