显示隐藏div时，其他元素将关闭

Question

我为2 toggler写了一个divs，如图所示here.它在我的网站上成功运作。然而，隐藏div下面的其他元素会下降。我不希望这种情况发生。以下是更清晰的屏幕截图：
before clicking div:

after clicking div:

您可以看到fill your information here和or div正在关闭。我不希望这种情况发生。如before clicking div屏幕截图所示，这些应该保持原样。我该怎么做？

Answer 1

将position: absolute;添加到#hidden。稍后，您可以通过在CSS中添加top和left属性来控制其位置。

Answer 2

您需要做的就是将以下内容添加到您的CSS中：这是您对FIDDLE

的更新

#hidden{
   ...
   position: absolute;
   z-index: 1;
}

Answer 3

您是否尝试在基页元素和/或“浮动”菜单上设置CSS property z-index？这允许您“堆叠”网页元素，以便某些元素可以“覆盖”或浮动在其他页面元素之上。

Answer 4

DEMO

for＆＃34;填写您的信息......＆＃34; div给padding-top:(equal to height of the div that you are toggling)

#hidden {
   position:absolute;
   top: (equal to height of your header)
}