Jquery 切换显示不工作

我正在努力处理这段代码。以console debug作为id的div标记中的内容并不突出

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jqueryui/1.11.1/jquery-ui.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<script>
    $(document).ready(function() {
        $("#console-debug").hide();// By default hide the console-debug
        $("#btn-debug").click(function() { 
            $("#console-debug").toggle();//Then toggle back to show console-debug
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#控制台调试”）.hide（）；//默认情况下隐藏控制台调试
$（“#btn调试”）。单击（函数（）{
$（“#控制台调试”）.toggle（）；//然后切换回显示控制台调试
});
});
没有足够的信息来调试您的问题。你应该更加努力地找出根本原因

使用开发人员工具调试问题，并尝试缩小问题范围

尝试从控制台运行
$（'#console debug'）。toggle（）
，是否有效
如果切换有效，则问题在于单击处理程序，添加
console.log
或在
click
处理程序中放置断点-单击时是否调用它
如果切换不起作用，请使用检查器查看#console debug div样式的属性和css，可能切换起作用，但不可见还有其他原因
控制台调试在哪里，你调试了吗？你的html是什么？您的示例有效代码中没有问题。我查过了。我试图检查google chrome上的源代码，发现了这样一条消息：加载资源失败：服务器响应状态为404（未找到）。那么，谁能给我一个jQueryUI1.11.3的好url呢。问题可能就在这里。