jQuery动画

jQuery动画          (单击隐藏)

1、隐藏 hide()

        $("#btn").click(()=>{

        $("#box").hide();

        })

2、显示 show（）   (单击显示)

          $("#btn").click(()=>{

          $("#box").show();

           })

3、淡出  fadeOut（）

          $("#btn").click(()=>{

          $("#box").fadeOut();

           })

    参数是时间

opacity从1到0然后display:none

4、淡入  fadeIn（）

          $("#btn").click(()=>{

          $("#box").fadeIn();

           })

5、向上滑动后隐藏   slideUp（）

          $("#btn").click(()=>{

          $("#box").slideUp();

           })

height值从指定高度到0  然后display:none

5、向下滑动后显示   slideDown（）

              $("#btn").click(()=>{

              $("#box").slideDown();

               })