如何向下滑动div并显示隐藏的div？

Question

我在标题下有一个隐藏的div，并希望通过在用户单击时向下滑动来显示它。 但是，即使我的代码看起来正确，我也无法实现滑动效果。 您能帮我找出问题所在吗？ 我相信问题在于：

#logRegFormContainer{
    display: none;
    z-index: 11;
    position: relative;
    min-width: 980px;
    min-height: 80px;
    opacity: 0.9;
    background-color: red;
    box-shadow: inset 0 0 10px black;
}

JSfiddle在这里。

Answer 1

问题是在CSS中使用了min-height （尽管我不确定为什么 min-height会导致此问题）。 如果将其替换为height则可以使用： JS Fiddle演示 。

Answer 2

删除min-height属性。

这将防止div的高度小于80px，从而防止幻灯片动画。