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>