jquery - 在 jquery 切换中单击时更改按钮文本(显示/隐藏/显示)

Question

我正在研究这个 fiddle : http://jsfiddle.net/cED6c/7/我想让按钮文本在单击时发生变化，我尝试使用以下代码:

<input type="button" class="reveal" onClick="this.value=this.value=='Show Answer'?'Hide Answer':'Show Answer'" value="Show Answer">

但是，它不起作用。我应该如何实现这个？任何帮助都会很棒。

Answer 1

您需要添加此代码:

if ($.trim($(this).text()) === 'Show Answer') {
    $(this).text('Hide Answer');
} else {
    $(this).text('Show Answer');        
}

您可以在工作中看到它:

http://jsfiddle.net/cED6c/13/

我添加了修剪功能，因为在 html 中显示答案后有空格。