SlideDown沒有正確的動畫 - jQuery

Question

我似乎很困惑這一點。

我想在jQuery中使用slideDown函數，但是當div被點擊時，'information'div只是跳轉並且沒有動畫。

我認爲原因之一是關於信息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

那是因爲你不能指定上滑動格的min-height財產。從.information DIV取出min-height: 300px，如果你需要的高度，您可以在最小高度增加了內部的div像這樣：

.actualInfo { 
    min-height: 300px; 
}