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.

原文地址：https://www.jb51.cc/html/426892.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。