Question

我似乎对此非常困惑。

我正在尝试在jQuery中使用slideDown函数，但是当点击div时，＆＃39;信息＆＃39; 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属性。从min-height: 300px div中删除.information，如果需要高度，可以将min-height添加到内部div中，如下所示：

.actualInfo {
  min-height: 300px;
}

SlideDown没有正确动画 - jQuery

1 个答案: