打开和关闭信息，从单独的文件中提取

Question

我正在编写的代码会在单击按钮时显示一些简单文本（更改日志），然后再次单击时将隐藏它。

这里的诀窍是我想将更改日志保存在一个单独的文件中，并调用它来显示。我有这样的代码如下：

echo "<input type=\"button\" id=\"recentchanges\" value=\"Show/Hide Recent Changes\" /></br><span id=\"changestext\"></span>"; 

和：

$('#recentchanges').click(function() { 

    $('#changestext').append(test/recentchanges.txt); 

}); 

所以我的问题是。 1.我怎样才能隐藏/显示点击？它看起来不像.toggle（）是我想要的..但​​也许它是..和2.我怎样才能从一个单独的文件调用数据？ （和这个问题的一部分，它应该是一个txt文件或HTML文件？我应该有HTML，或者只是原始文本格式的文本？）

Answer 1

你的第一个问题

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

到你的第二个

$.get('texts/recentchanges.txt', function(data){ 
    $('#changestext').append(data); 
}); 

Answer 2

1. 使用的块的toggle()：

   $('#recentchanges').click(function() { 
       $('#changestext').toggle(); 
   }); 
   

2. 使用​​或GET请求文件

   $.ajax({ 
       type: "GET", 
       url: file, 
       async: false, 
       success: function(data){ 
        $('#changestext').text(data); 
       } 
   }); 
   

Answer 3

$('#recentchanges').click(function() 
{ 
    $('#changestext').load('test/recentchanges.txt', function() 
    { 
     $(this).show(); 
    }); 
}); 

$('#changestext').click(function(){ 
    $(this).hide(); // You can only click it if it's visible 
}); 

Answer 4

如果您有一系列的项目，如问答& A或回答问题，这是一个简单的模式可循。您可以将隐藏文本内联。

<a class="question" href="javascript://">Question 1</a> 
<div class="answer" style="display:none">--- some text --</div> 

<br /><a class="question" href="javascript://">Question 2</a> 
<div class="answer" style="display:none">--- some text --</div> 

的jQuery：

$('a.question').click(function() { 
    $(this).next('.answer').toggle() 
})