如何仅在jquery中切换一个按钮和一个按钮

Question

我正在尝试使用jQuery切换一个按钮。到目前为止，我发现的所有信息都是切换段落，例如，使用另一个按钮，但是我想使该按钮显示并在单击时重新出现。我也想在单击显示的按钮时增加“分数”，并在重新出现按钮时（在用户单击它之后）减小“分数”。有人知道如何做到这一点吗？

我有一系列按钮，但是现在我将链接其中一个的代码。

HTML: 
<li><button id="active1" onclick="disappear1()"></button></li>

JavaScript:
function disappear1() {
  $("#active1").toggle();
  currentStreak++;
  document.getElementById("streak").innerHTML="current streak: " + currentStreak;
}

我知道问题是当我单击按钮时，按钮消失了，所以我无法再次找到它。我希望有一种方法仍然可以引用它。

Answer 1

.toggle（）函数更改目标元素的CSS显示属性以隐藏/显示该元素。隐藏该元素后，它仍位于DOM中，并且仍然可以使用与可见时相同的方法作为目标。

下面的示例在单击按钮时切换ID为“ active1”的元素。即使隐藏了“ active1”元素，它仍然会被引用并再次显示。

$('#button1').click( function (){
  $('#active1').toggle();
});