javascript - リンクのテキストと機能を変更するには?

Question

以下の jQuery js は、配置したリンクの前にコンテンツを非表示にします。クリックすると表示されます。テキストを「Show Crisis」から「Hide Crisis」に変更し、関数を .show() から .hide() に変更したいと考えています。どうすればこれを進めることができるかわからないので、いくつかの助けが素晴らしいでしょう!

JS:

$(".crisisButtons").hide().before("<a href='#' class='showHide'>Show Crisis</a>");
      $(".showHide").click(function(){
            var link = $(this);
            link.next().show("slow");
        });

Answer 1

.text()メソッドのコールバック関数を使用できます。

$(".showHide").click(function(){
    $(this).text(function(_, text){
         return text === 'Show Crisis' ? 'Hide Crisis' : 'Show Crisis';
    }).next().toggle("slow");
});

http://jsfiddle.net/kNBwD/

Answer 2

私はこの種のことをします：

button.click(function () {
    link.toggle('fast', function () {
        button.text(link.css('display') === 'none' ? 'Show Crisis' : 'Hide Crisis'));
    });
});

Answer 3

$("#youratag_id").text("Show crisis");

それと同じくらい単純なはずです

またはトグルを使用：

$(function() {
        $(".showHide").toggle(function (){
            $(this).text("Show crisis");
            .stop();
        }, function(){
            $(this).text("Hide crisis");
            .stop();
        });
    });