Jquery 调试-显示/隐藏链接中的javascript不工作

所以我有一个显示/隐藏链接，它与文本完美结合，当我点击它时，它会显示出来，但当我试图在其中放入jquery时，当我点击它时，它将显示一个文本文件，但它现在不显示，而是显示它下面的文本文件内容，而当我点击应该显示它的链接时，它什么也不显示。 我有一个显示/隐藏链接，html如下：

   <a href="#" id="hideShow">Title</a>
<div id="message" style="display:none; border: 1px solid #777; width: 500px; padding: 1%;">
blah
</div>


<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript"> 

   $("#hideShow").click(function(){
   $("#message").toggle();
  });

</script>  

废话
$（“#隐藏”）。单击（函数（）{
$（“#消息”）.toggle（）；
});

在这里面，我想显示我的一个文本文件的内容，我正在使用这个：

<script type="text/javascript" src="jquery.min.js"></script>
<script>
  jQuery(document).ready(function($){
    $.ajax({
        url : "/hello.txt",
        dataType: "text",
        success : function (data) {
           $('<pre />').text(data).appendTo('body');
        }
    });
  });
</script> 

jQuery（文档）.ready（函数（$）{
$.ajax({
url:“/hello.txt”，
数据类型：“文本”，
成功：功能（数据）{
$（''）.text（data.appendTo（'body'）；
}
});
});

---

当我使用文本时，它会工作，但当我使用jquery时，它已经在页面上了，不会等待我单击标题来显示。我想更改此设置

将ajax调用放入单击函数中：

   $("#hideShow").click(function(){
      $.ajax({
          url : "/hello.txt",
          dataType: "text",
          success : function (data) {
             $('<pre />').text(data).appendTo('body');
           }
      });
      $("#message").toggle();
   });

$（“#隐藏”）。单击（函数（）{
$.ajax({
url:“/hello.txt”，
数据类型：“文本”，
成功：功能（数据）{
$（''）.text（data.appendTo（'body'）；
}
});
$（“#消息”）.toggle（）；
});

您的AJAX调用不在单击处理程序中，因此它会在加载页面时运行，因此它会立即显示。谢谢@Rorymcrossan。我如何将它放在单击处理程序中，以便它不会立即显示？什么代码/脚本与您使用的按钮处理程序的方式完全相同。嘿@ashfaq.p我尝试了这个，但没有按预期工作。当页面加载时，它仍然会显示，然后当我单击标题时，它会再次打开，因此有两个打开。那么我如何解决这个问题呢？实际上，我刚刚解决了这个问题，但每次单击标题时，它会再次显示，因此会有多个打开。你能帮我解决这个问题吗？