有没有一个函数可以在 js 上同时做两件事？

Question

我正在尝试将此 js 脚本更改为如下工作：我需要隐藏另一个部分，并且同时显示相同的按钮已在工作部分。

有人可以指出我正确的方向吗？我很想知道应该在 JS 中添加什么，并且不知道如何解决它。

function showStores() {
  var x = document.getElementById("allstores");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
<button onclick="showStores()">See All Stores</button>

<div id="allstores">All stores</div>

Answer 1

切换隐藏
也使用推荐的 addEventListener 而不是内联点击
document.getElementById("toggle").addEventListener("click",function() {
 
  const x = document.getElementById("allStores");
  const y = document.getElementById("someStores");
  
  x.hidden = !x.hidden
  y.hidden = !y.hidden
  this.innerText = x.hidden ? 'See all stores' : 'See some stores'
})<button type="button" id="toggle">See All Stores</button>

<div id="allStores" hidden>All stores</div>
<div id="someStores">Some stores</div>