jquery 入门代码问题？

<button id="btnshow">显示提示文本字</button>
    <div id="divPop" style="width:300px;height:100px;border:sloid 1px #000000; display:none; position:absolute; background-color:#f0f0f0">123456</div>
    </div><script type="text/javascript">
        $(document).ready(function() {
            var speed = 500;
            $("#btnshow").click(function(event) {                event.stopPropagation(); //取消冒泡事件
                $("#divPop").show(speed);
            });
            //再点一次按钮后隐藏
            $("#divPop").click(function() {
                $("#divPop").hide(speed);
            });
            //点击其它区域时隐藏
            $(document).click(function() {
                $("#divPop").hide(speed);
            });
        });
    </script>
现在代码再点一点按钮后却不能隐藏要显示的内容，点其它区域却可能实现！请问代码错在哪里啊？