javascript - 如何更改链接的文本和功能？

Question

下面的 jQuery js 隐藏了我放置的链接之前的内容。点击后会显示。我想将文本从“显示危机”更改为“隐藏危机”，并将函数从 .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

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

应该就这么简单

或使用切换：

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

Answer 3

我会做这样的事情：

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