在bootstrap 3中展开/折叠div

Question

我想将顶级div扩展如下：

我想扩展这样的东西：

问题是，我的所有div向下移动，当我为div 2放置高度时，我希望我的第二个div在div上重叠。

我喜欢这样的HTML：

http://jsfiddle.net/u6hy87vr/（这是响应式设计，所以可能看起来像我附在这里的图片，请让jsfiddle更宽）

我试图将这样的代码扩展为：

  $("#div").css("height","400px");