philipp/website-risg
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

[TASK] refactor js - mutliple button
All checks were successful
CI/CD Pipeline / deploy-main (push) Successful in 6s
Details

Browse Source
This commit is contained in:
Marie Birner 2024-02-17 16:38:58 +01:00
parent cefbb1d38a
commit 38b93edf20
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
templates/app.js
View File

@ -3,15 +3,19 @@ document.addEventListener('DOMContentLoaded', function() {
}); });
function toggleSummary() { function toggleSummary() {
const openBtn = document.querySelector('.open-js'); const openBtns = document.querySelectorAll('.open-js');
const closeBtn = document.querySelector('.close-js'); const closeBtns = document.querySelectorAll('.close-js');
const detailElements = document.querySelectorAll('details'); const detailElements = document.querySelectorAll('details');
openBtn.addEventListener('click', function(){ openBtns.forEach(function(openBtn) {
detailElements.forEach((detail) => detail.setAttribute("open", "")); openBtn.addEventListener('click', function(){
detailElements.forEach((detail) => detail.setAttribute("open", ""));
});
}); });
closeBtn.addEventListener('click', function(){ closeBtns.forEach(function(closeBtn) {
detailElements.forEach((detail) => detail.removeAttribute("open", "")); closeBtn.addEventListener('click', function(){
detailElements.forEach((detail) => detail.removeAttribute("open", ""));
});
}); });
} }