SlideDown无法正确设置动画效果-jQuery

Question

我似乎对此很困惑。

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

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

删除min-height属性后，动画将起作用。 但是我希望最小高度在那里。

有人能够提供任何解决方案吗？

在这里查看： 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;
}