切换按钮和绝对位置内容有问题

Question

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

[内容1]

切换按钮

[隐藏内容]

[内容2]

当我点击toggleButton时，隐形内容重叠content2。但我不想要这种行为。我想为我的隐形内容向下移动Content2和可用空间。我怎么能这样做。

Answer 1

通过将所有这些项目设置为绝对位置，您可以有效地告诉浏览器您不希望任何东西推动它们。但是，您希望invisible_content区域从其外观修改Content2的位置。

如果所有这些项目总是具有相同的排列，也许您不应该绝对定位所有这些项目，而是将它们放置在绝对定位的元素中并将它们作为一个整体移动。这样可以恢复您在invisible_content和Content2之间寻找的行为。这将是理想的解决方案。

如果你不能走那条路，一个更黑客的方法是通过回调打开隐藏内容的方法提供一些逻辑。在此回调中，将top:区域的Content2值增加为+=$("#invisible_content").outerHeight()。尽管如此，这是一个非常糟糕的解决方案，只有在没有其他选项可用时才应考虑。