javascript – Bootstrap：如何在没有跳转的情况下折叠包装div？

我想折叠并在点击链接时显示两列.

我已将两列包装在div中,该列具有由其上方列中的链接引用的id.第一列占据页面的整个宽度,第二列和第三列应该拆分页面或堆栈.所有三列都包含在div.row中,行重复页面.

看起来崩溃动画适用于具有边框的行.然而,开放转型“跳跃”回升.如果我删除行上的边框并单击链接,则会突然出现两列之前的延迟.

我不希望这些事情发生.我希望在单击链接时显示两列的平滑过渡.我怎么能做到这一点？

JSFiddle.

最佳答案

得到它了！需要设置包装器div,使其高度等于其子节点的最大高度(因此Bootstrap知道要扩展多少).从Make outer div be automatically the same height as its floating content开始,这种方式有用(！？)

.details {
    overflow: hidden;
    clear: both;
}

其中div.details是包含两列的包装div.见JSFiddle.