Jquery 切换按钮和绝对位置内容存在问题

我有一些内容，然后滑动切换按钮，然后一些内容。切换按钮使用slideToggle jquery按钮。所有元素都有绝对位置

[内容一]

切换按钮

[不可见内容]

[内容二]

---

当我单击toggleButton时，不可见内容重叠content2。但我不想要那种行为。我想要向下移动Content2并为我的不可见内容腾出空间。如何做到这一点。

通过将所有这些项目设置为绝对位置，您实际上是在告诉浏览器您不想让任何东西推送它们。但是，您希望

不可见内容

区域从外观上修改

Content2

的位置

如果所有这些项目总是有相同的安排，也许您不应该绝对地定位所有项目，而是将它们放置在绝对定位的元素中，并将它们作为一个整体移动。这将恢复您在

不可见内容

和

内容2

之间寻找的行为。这将是理想的解决方案

如果你不能做到这一点，一个更为黑客的方法是通过回调打开不可见内容的方法来提供一些逻辑。在此回调中，将

Content2

区域的

top:

值增加为

+=$（“#不可见的内容”）.outerHeight（）

。不过，这是一个非常糟糕的解决方案，只有在您没有其他选择的情况下才应该考虑。

可能与他之前的问题有关：