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/