Javascript 使用jquery单击更改HTML，然后返回原始HTML

我希望创建我的第一个基于web的jQuery应用程序。我已经达到了我想要的结果的一半。单击后更新我的按钮以更改为“隐藏答案”，但是，我希望在用户单击激活切换时，该按钮更改回“显示答案”的原始文本

$(".answer-button").click(function(){
   $(this).html("Hide Answer").prev().toggle();
});

这里包括了jsfiddle

---

只需测试文本值即可：

    $(".answer-button").click(function () {
      if ($(this).text().includes("Show")) {
        $(this).html("Hide Answer").prev().toggle();
      } else {
        $(this).html("Show Answer").prev().toggle();
      }
    });

---

您可以测试visible属性

$(".answer-button").click(function(){
    $(this).prev().toggle();
    if($(this).parent().find('#answer').is(':visible')){
        $(this).html("Hide Answer");
    }else{
       $(this).html("Show Answer");
    }
});

---

为什么要为此使用JSFIDLE？只需使用stackoverflow的内置功能。要最终确定答案，请记住，如果您的原始问题已解决，请接受并投票支持答案，如果您有其他问题，请提出新问题：