从无到块的动画，javascript

这是我的脚本…如何让单击（块）时显示的div向下滑动而不是立即显示？我已经看到这个问题的答案，但所有的答案都在jquery中，我甚至不知道如何添加它。我不懂任何jquery，也几乎不懂javascript。我从一个用于单击显示/隐藏功能的模板中获得了这段代码

function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block"; 
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display=    "block"; }
else { document.getElementById(d).style.display = "none"; }
}

---

要实现动画效果，必须以给定的间隔或帧速率移动元素。最简单的方法是设置一个带有延迟的动画循环。 因此，使用

setTimeout

和

setInterval

，当称为

setTimeout（c，t）

和

setInterval（c，t）

时，在setTimeout的情况下，允许从现在开始以t毫秒的速度执行javascript代码c，在setInterval的情况下，允许每t毫秒执行一次javascript代码c

setTimeout(doSomething,500); // calls doSomething() 500 miliseconds from now
setInterval(doSomething,500); // calls doSomething() every 500 miliseconds until stopped

我们可以找到一个这样的例子 您几乎必须自己编写所有代码。这是一个复杂的过程，但涉及的级别很高

但老实说，这不是最简单的方法。是一个很好的资源，一个javascript库，可以做很多事情，比如。您可以选择一个简单的jQuery教程，然后从那里开始。网上有很多

jQuery示例

---

通过代码示例说明如何淡入淡出。

在绑定到

div

时，应该使用jQuery函数，而不是Javascript动画。然后，在你的CSS中，你可以使用类来实现你想要的滑动效果。在此评论中的关键词是链接顺便说一句。是的，我知道，我已经看到了答案各地。但是怎么做呢？我的剧本有什么变化？哦，哇…谢谢你的快速回复。我原以为会有一个更简单的答案，但我想我会寻找一些jQuery教程。没问题——没有幻灯片功能，你可以得到最简单的答案……你可以在页面底部找到其他动画示例