JQuery： slideDown与slideUp

HZY

SlideDown和slideUp是JQuery中的方法
SlideDown是通过高度变化（向下增大）来动态地显示所有匹配的元素
SlideDown有三个参数
speed:动画时长的毫秒数值
easing:指定切换效果，默认swing
fn在动画完成时执行的函数，每个元素执行一次。
下面是制作的效果图

展开之前 display:none;/*隐藏*/

展开后

下面的是代码

       <style>
            .JQuery{
                width:500px;
                height:500px;
                border:2px solid #ff0000;
                background:#00ffff;
                margin-left:500px;
                text-align:center;
                display:none;
            }
            .JQbtn{
                text-align:center;
            }
            button{
                margin:10px;
                background:#ffd800;