如何使用javascript减缓div传输？

html

 <li onClick="changeHeight();" >Project Info</li>

 <div id="content-about-project" style="width: 100%; border:1px solid gray;">
content
  </div>

到目前为止，代码的作用是什么。

用户单击链接（a）并调用js函数，当这种情况发生时，div的高度扩展到600px

我的问题

当div扩展其高度时，如何降低其速度。

---

现在它的速度非常快，我真的不喜欢它。

使用JavaScript函数

setTimeout

项目信息

内容
新高度=50；
函数changehight（）{
if（newHeight尝试使用函数。最好是直接在dom中更改css属性。并用于减缓效果


函数更改高度（）{
document.getElementById（'content-about-project'）.classList.toggle（'expand'））
}
。正常{
过渡：所有0.5s的轻松过渡；
高度：15px；
}
.扩大{
高度：600px；
}
项目信息
内容

您可以通过css实现这一点

而不是给出内嵌式的样式， 用值追加一个类

使用最小高度而不是高度

并使用css进行转换

function changeHeight() {
document.getElementById('content-about-project').style.height = "600px"
}