单击时隐藏/显示按钮更改

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