изменение кнопки скрытия / отображения при нажатии

Привет, я пишу код следующим образом:

<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> показывать "Показывать содержимое", когда я нажимаю на этот "шоу-контент", кнопка или селектор меняются на "Скрыть содержимое".