javascript - 如何使用js点击按钮时隐藏表格？

Question

首先查看页面只显示请假和出勤两个按钮。当我单击“离开”按钮时，我显示表格(tb2)。再次单击该按钮，它会隐藏表格

当我点击出勤时，我显示另一个表(tb3)。它与之前的相同

现在对我来说，我希望当我单击“离开”按钮时，打开的出勤表应该关闭，出勤按钮也是如此。

我的代码:

var click = document.getElementById('clickme');
click.addEventListener('click', myfunction);

function myfunction() {
   var tablewrap = document.getElementById('tb2');
   tablewrap.classList.toggle('show')

};


var click = document.getElementById('click');
click.addEventListener('click', myfunction);

function myfunction() {
   var tablewrap = document.getElementById('tb3');
   tablewrap.classList.toggle('show')
};

Answer 1

var click = document.getElementById('clickme');
click.addEventListener('click', myfunction);

function myfunction() {
   var tablewrap = document.getElementById('tb2');
   tablewrap.classList.toggle('show');

   document.getElementById('tb3').classList.remove('show');


};


var click = document.getElementById('click');
click.addEventListener('click', myfunction);

function myfunction() {
   var tablewrap = document.getElementById('tb3');
   tablewrap.classList.toggle('show');

document.getElementById('tb2').classList.remove('show')

};

显式删除类