Zunächst zeigt die Ansichtsseite nur zwei Schaltflächen Verlassen und Anwesenheit. Wenn ich auf die Schaltfläche "Verlassen" klicke, zeige ich die Tabelle (tb2) an. Und erneut klicke ich auf diese Schaltfläche, um die Tabelle auszublenden
Wenn ich auf die Anwesenheit klicke, zeige ich die andere Tabelle (tb3) an
Jetzt möchte ich für mich, dass, wenn ich auf die Schaltfläche "Verlassen" klicke, die geöffnete Anwesenheitstabelle geschlossen werden sollte und dasselbe für die Anwesenheitsschaltfläche.
Mein Code:
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')
};
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')
};
Entfernen Sie die Klassen explizit
Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.
Bei Verstößen wenden Sie sich bitte [email protected] Löschen.
Lass mich ein paar Worte sagen