打開和關閉信息，從單獨的文件中提取

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