javascript - Bootstrap - 使用 Jquery 在 Div 之间切换

Question

所以我使用 bootstrap 作为我的响应式框架，并且我有一个容器，行我还有两个 div，我将使用按钮在它们之间进行切换。因此，我设置了 HTML，并将第二个 div 设置为“无”以隐藏它。然而，当使用 Jquery fadeIn/fadeOut 时，您可以看到高度有一些移动/扩展。

现在我认为要解决这个问题，我必须将位置设置为“绝对”，并更改第一个和第二个 div 的 z 索引，以便一个隐藏在另一个后面。但是使用绝对会破坏 Bootstrap 容器...那么有没有一种方法可以在单击按钮时切换 Div 而不会改变高度。添加了一些源代码，以便您可以看到单击按钮时会发生什么。

http://www.bootply.com/hBNIHfCpxR

Answer 1

试试这个:

http://www.bootply.com/PIG2icyErI

相关CSS:

.row {
  position: relative;
  padding-top: 50px;
  }

#content-one, #content-two {
  position: absolute;
  width: 100%;
  top: 0;
}