隐藏/显示按钮的变化时，单击

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（'隐藏内容'）即可。