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