如何向下滑動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，從而防止幻燈片動畫。