Javascript 单击时隐藏按钮不起作用

有人能帮我吗？？我添加了一个JS代码，使我的按钮在点击时不可见，下面的文本可见。。它在js fiddle上工作，但当我在线上传它时，它不工作。。。

点击查看电话号码
电话：+919600072298/044-65652298

$（“#按钮”）。单击（函数（）{
$（“#按钮”）.hide（）；
$（“#theDiv”）.show（）；
})
.btn{
背景:#d93470；
背景图像：-webkit线性渐变（顶部，#d93470，#b82b53）；
背景图像：-moz线性梯度（顶部，#d93470，#b82b53）；
背景图像：-ms线性渐变（顶部，#d93470，#b82b53）；
背景图像：-o-线性梯度（顶部，#d93470，#b82b53）；
背景图像：线性渐变（至底部，#d93470，#b82b53）；
-webkit边界半径：28；
-莫兹边界半径：28；
边界半径：28px；
字体系列：Arial；
颜色：#ffffff；
字体大小：20px；
填充：10px 20px 10px 20px；
文字装饰：无；
}
.btn:悬停{
背景#3cb0fd；
背景图像：-webkit线性渐变（顶部，#3cb0fd，#3498db）；
背景图像：-莫兹线性梯度（顶部，#3cb0fd，#3498db）；
背景图像：-ms线性梯度（顶部，#3cb0fd，#3498db）；
背景图像：-o-线性梯度（顶部，#3cb0fd，#3498db）；
背景图像：线性梯度（至底部，#3cb0fd，#3498db）；
文字装饰：无；
}

---

很抱歉没有提供更多详细信息。。。这是我们的网站。。我将css添加到css文件中，将HTML添加到索引页面中，将脚本添加到button.js文件中，并使用

将主页链接到它。您需要将Javascript代码包装到标签中，将css包装到标签中，如下所示：

<button id="theButton" class="btn">Click to View Phone Number</button>
<div id="theDiv" style="display:none;"><p><h3>Call Us: + 91 96000 72298 / 044-65652298</p></div>

<script type="text/javascript">
$("#theButton").click(function(){
    $("#theButton").hide();
    $("#theDiv").show();
});
</script>

<style type="text/css">
    .btn {
  background: #d93470;
  background-image: -webkit-linear-gradient(top, #d93470, #b82b53);
  background-image: -moz-linear-gradient(top, #d93470, #b82b53);
  background-image: -ms-linear-gradient(top, #d93470, #b82b53);
  background-image: -o-linear-gradient(top, #d93470, #b82b53);
  background-image: linear-gradient(to bottom, #d93470, #b82b53);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
</style>

---

请注意，您将功能包装到已加载的处理程序中。

正如您所说，代码显然没有问题。您是否缺少对jQuery的引用，或者没有部署所有必需的文件？如果打开浏览器的开发人员工具，是否存在404或其他错误？文档中的代码是这样排列的吗？因为javascript应该介于

之间标签和CSS应该在
内标签。JSFIDLE只是为您做的，这就是您的代码在那里工作的原因。。。这是我们的网站。。我将css添加到css文件中，将HTML添加到索引页中，并将脚本添加到button.js文件中，并使用“抱歉，没有提供更多详细信息”将主页链接到它。。。这是我们的网站。。我将css添加到css文件中，将HTML添加到索引页中，将脚本添加到button.js文件中，并将主页链接到它。我用你的代码替换了我的代码，但仍然无法工作。如果我将代码直接添加到各个页面，那么它就可以工作，但是如果我调用，那么它就不能通过“如果我调用”来实现，你是什么意思？是否将脚本标记与外部源代码一起使用？如果是这样的话，你确定你的路径是正确的并且文件也可以被访问吗？如果我们谈论的是，那么你可能希望在路径中有一个额外的斜杠，就像这样：当我将JS代码直接复制到botton of index page而不是使用调用它时，它就工作了。。我用了你提到的多余的斜杠。。还是不能对外称之为
<button id="theButton" class="btn">Click to View Phone Number</button>
<div id="theDiv" style="display:none;"><p><h3>Call Us: + 91 96000 72298 / 044-65652298</p></div>

<script type="text/javascript">
$("#theButton").click(function(){
    $("#theButton").hide();
    $("#theDiv").show();
});
</script>

<style type="text/css">
    .btn {
  background: #d93470;
  background-image: -webkit-linear-gradient(top, #d93470, #b82b53);
  background-image: -moz-linear-gradient(top, #d93470, #b82b53);
  background-image: -ms-linear-gradient(top, #d93470, #b82b53);
  background-image: -o-linear-gradient(top, #d93470, #b82b53);
  background-image: linear-gradient(to bottom, #d93470, #b82b53);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
</style>

$(function() {
    $("#theButton").click(function(){
        $("#theButton").hide();
        $("#theDiv").show();
    });
});