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

使用您的块的toggle()：

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

对文件

使用.load()或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

如果你有一系列的项目，例如Q＆amp; A或FAQ，这是一个简单的模式。您可以将隐藏文本内联。

<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() 
})

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

4 个答案: