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

我在标题下有一个隐藏的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;
}

---

问题在于CSS中使用了

min height

（尽管我不确定

min height

为什么会导致这个问题）；如果这被

height

取代，那么它会起作用：。

问题在于CSS中使用了

minheight

（尽管我不确定

minheight

为什么会导致这个问题）；如果用

height

替换该属性，则该属性有效：。

删除

minheight

属性

---

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

删除

min height

属性

---

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

删除最小高度property@APAD1这很有帮助，但当我在容器中添加一些元素时，动画继续时，白色空间出现在顶部，为什么？删除最小高度property@APAD1这很有帮助，但是，当我在容器中添加一些元素时，在动画进行时，白色空间会出现在顶部，为什么？我认为这是因为它会尝试保持该高度，但因为函数幻灯片“”（这将尝试编辑高度）尝试这样做，它只会“隐藏”和“显示”@Davidthomasys，现在幻灯片效果很好，但是当我在

#logRegFormContainer

中添加一些元素时，动画制作过程中会出现空白，为什么？@Amal.A:是这样，你添加了什么？对我来说。@DavidThomas还有一堆容器，其中包含

元素、按钮、输入等，您知道为什么会出现空白，顺便说一句，谢谢您，先生。您能编辑您的问题以显示您正在使用的内容吗？或者至少提供一个更新的代码演示，以演示正在发生的事情，因为我无法在没有看到某些东西的情况下对原因进行推测。我认为，因为它将尝试保持该高度，但因为函数幻灯片“”（这将尝试编辑高度）尝试这样做，所以它只会“隐藏”和“显示”@Davidthomasys，现在幻灯片效果很好，但是当我在
#logRegFormContainer
中添加一些元素时，动画制作过程中会出现空白，为什么？@Amal.A:是这样，你添加了什么？对我来说。@DavidThomas还有一堆容器，其中包含
元素、按钮、输入等，您知道为什么会出现空白，顺便说一句，谢谢您，先生。您能编辑您的问题以显示您正在使用的内容吗？或者至少提供一个更新的代码演示来演示正在发生的事情，因为我不能在没有看到一些东西的情况下就原因进行推测。