这个网页调试错误,是什么引起的呢？

<head>
     <!DOCTYPE html>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title> 划出,消失 之间切换 </title>
    <style>
        .a
        {
            background-color:red;
            bottom:0;
        }


        .b
        {
            background-color:yellow;
            top:0;
        }

        .c
        {
            background-color:yellow;
            top:50%;
        }

        .d
        {
            background-color:yellow;
            bottom:50%;
        }

        .ck
        {
            position:fixed;
            width:100%;
            height:100px;
            border:black solid 1px;
            display: none;

        }

        button
        {
            position:fixed;
            z-index:1;
        }
    </style>


    <script src="/jquery.min.js"></script>
    <script>
        $(function(){    /***加载事件的开始,这行就不别改了!**/

            $("#ba").on("click",function ()
            {
                $(".a").slideToggle(1000);
                $(".b").slideToggle(1000);

                $(".c").slideToggle(1000);
                $(".d").slideToggle(1000);
            })
        })
    </script>

</head>

<boby>
    <div class="a ck"></div>
    <div class="b ck"></div>
    <button id="ba">show</button>
    <div class="c ck"></div>
    <div class="d ck"></div>
</boby>

请问这个错误,是什么引起的呢？
图片描述