使用jq方法怎样实现从上到下慢慢出现

1、第一步，打开sublimeText编辑器，如下图

2、第二步，引入Jquery库，如下图

3、第三步，例子：一个叫点击慢慢出现的按钮和一个黑色的盒子元素，如下图

4、第四步，编写jquery代码，实现从上到下慢慢出现效果，

实现原理利用jquery方法slideDown()；

代码如下图

5、第五步，实现从上到下慢慢出现的效果，如下图