[解決済み] jQuery Toggle Text?

質問

jQueryを使ってアンカータグのHTMLテキストをトグルする方法は？私は、クリックしたときにテキストが交互に表示されるアンカーが欲しいです。 Show Background & Show Text と同じように、別のdivをフェードイン&アウトしています。これは私の最良の推測でした。

$(function() {
    $("#show-background").click(function () {
        $("#content-area").animate({opacity: 'toggle'}, 'slow'); 
    });

    $("#show-background").toggle(function (){
        $(this).text("Show Background")
        .stop();
    }, function(){
        $(this).text("Show Text")
        .stop();
    });
});

解決方法は？

問題は私です！同期が取れていなかったのですが、これはHTMLテキストが間違った方向にあるためです。最初のクリックでdivがフェードアウトし、テキストが"Show Text"と表示されるようにしたいのですが、どうすればよいでしょうか？

次回はもっとしっかり確認してから質問します!

私のコードは今

$(function() {
  $("#show-background").toggle(function (){
    $("#content-area").animate({opacity: '0'}, 'slow')
    $("#show-background").text("Show Text")
      .stop();
  }, function(){
    $("#content-area").animate({opacity: '1'}, 'slow')
    $("#show-background").text("Show Background")
      .stop();
  });
});

また、お世話になります