javascript - 切换按钮的标题

Question

我有一个 HTML 按钮，它显示另一个 div，而不是另一个 div。

我需要的只是切换按钮的文本:

<input id="blueButton" type="button" value="+ Add a new Team" onclick="
 $('#blueButton').prop('value', 'Hide'); 
 $('#teams').toggle('slow');
 $('#add_block').toggle('slow');">

我需要再次将按钮文本从隐藏更改为组织标题，即+添加新团队

所以按钮标题是+添加新团队 如果单击按钮标题更改为隐藏，如果我再次单击该按钮，它将再次更改为+ 添加新团队。

提前谢谢您。

Answer 1

$('#blueButton').val(function(_, value) {
    return value === 'hide' ? '+ Add a new Team' : 'hide' 
});