jquery - トグルのjQuery変更テキスト

Question

以下では、jQuery を使用してペインを開いたり閉じたりしようとしていますが、jQuery を使用してテキストも切り替えたいと考えています。.chatstatusどちらかopenまたは切り替えたときに名前を変更するのを手伝ってくれる人はいますcloseか?

    $('.chatstatus').click(function(){
        $('.mChatBodyFix').slideToggle(500);
        $.cookie('chatPane', $.cookie('chatPane')=='open'?"closed":"open", {expires:1});

        var chatstatustext = $('.chatstatus').text();
        $('.chatstatus').html() == chatstatustext?"close":"open";
    });

Answer 1

おそらくこれが必要です：

$('.chatstatus').html( chatstatustext == "open" ? "close" : "open" )

html()要素のテキストを設定します。したがって、条件を使用して、ここで「開く」または「閉じる」に設定できます。

Answer 2

slideToggle()が表示されているかどうかに基づいて、の完全な関数でテキストを設定しますmChatBodyFix。

$('.chatstatus').click(function() {

    var $button = $(this);
    $('.mChatBodyFix').stop().slideToggle(500, function() {
        $button.text( $(this).is(':visible') ? 'close' : 'open' );
    });

});

ここにフィドルがあります

Answer 3

それはおそらくあなたの最後の声明です：

$('.chatstatus').html() == chatstatustext?"close":"open";

chatstatustext真か偽かをテストしていますが、文字列値です。chatstatustext空の文字列以外の文字列が含まれている場合、常に.chatstatus「close」と等しくなります。