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

[TASK] add functions open and close

Browse Source
This commit is contained in:
Marie Birner 2024-02-17 16:27:15 +01:00
parent 5de6732e7e
commit 200653b74e
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
output/app.js
View File

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

8
templates/app.js
View File

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