8.jQuery之上下滑动效果

上下滑动：slideDown   slideUp  slideToggle

     <style>
         div {
             width: 150px;
             height: 300px;
             background-color: pink;
             display: none;
         }
     </style>
     <button>下拉滑动</button>
     <button>上拉滑动</button>
     <button>切换滑动</button>
     <div></div>

     <script>
         $(function () {
             $("button").eq(0).click(function () {
                 $("div").slideDown(1000);
             })

             $("button").eq(1).click(function () {
                 $("div").slideUp(1000)
             })

             $("button").eq(2).click(function () {
                 $("div").slideToggle(1000)
             })
         })
     </script>