隱藏/顯示按鈕的變化時，單擊

Question

您好，我這樣寫代碼：

<div id="vip"><a href="javascript:void(0);" " id="vip"> Show </a></div> 
<div id="vip2"></div> 

JS：

var toggle = false; 
$(document).ready(function() { 
$("#vip").click(function() { 
if (toggle) { 
    $("#vip2").toggle("slow"); 
} else { 
    toggle = true; 


     $.ajax({ 
      url: "showthread.php?10-Podania-V-I-P", 
      type: "GET",    
      success: function(data) { 
      data=$(data).find('#post_message_11'); 
      $('#vip2').html(data); 
       $("#vip2").animate({ 
       width:"100%", 
       },600); 
      } 
     }); 
    } 
    }); 
}); 

我怎麼可以做這樣的事情：第一次在頁面加載按鈕或選擇器<a>顯示「顯示內容」，當我點擊這個「顯示內容」時，按鈕或選擇器變爲「隱藏內容」。

Answer 1

success: function(data) { 
      $(this).text('Hide Content') 
      data=$(data).find('#post_message_11'); 
      $('#vip2').html(data); 
       $("#vip2").animate({ 
       width:"100%", 
       },600); 
      } 

只需在回調中添加$（this）.text（'隱藏內容'）即可。