javascript - SlideDown 动画不正确 - jQuery

Question

我似乎对此很困惑。

我正在尝试使用 jQuery 中的 slideDown 函数，但是当单击 div 时，“信息”div 只是跳动而没有动画。

我认为原因之一是 .information div 具有以下属性:

当删除最小高度属性时，动画工作。但是我希望最小高度在那里。

有人能提供解决方案吗？

在这里查看:http://www.bootply.com/EXXhRTAECu

CSS:

.information {
                margin-left: auto;
                margin-right: auto;
                /*border:1px solid #000;*/
                border-top: 1px solid #000;
                border-bottom: 1px solid #000;
                width: 100%;
                display: none;
                background-color:#f2f2f2;
                box-shadow: 1px 1px 1px #f2f2f2;
                overflow: hidden; 
                min-height: 300px; /*When I remove this it works*/
                height:auto;

            }

Answer 1

那是因为不允许在滑动 div 上指定 min-height 属性。从.information div中删除min-height: 300px，如果你需要高度，你可以像这样将min-height添加到内部div:

.actualInfo {
  min-height: 300px;
}