SlideDown 动画不正确 - jQuery

Question

我似乎对此很困惑。

我正在尝试使用 jQuery 中的 slideDown 功能，但是当 div 被点击时，'information' 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属性。从.informationdiv中去掉min-height: 300px，如果你需要高度，你可以将最小高度添加到内部div，像这样：

.actualInfo {
  min-height: 300px;
}

SlideDown 动画不正确 - jQuery

SlideDown not animating properly - jQuery

html

javascript

css

jquery

slidedown