we can use toggle here instead of calling a separate function for removing the class.pull/13/head
parent
d697604ba6
commit
f45bff61f2
@ -1,14 +1,9 @@
|
|||||||
const panels=document.querySelectorAll('.panel')
|
const panels=document.querySelectorAll('.panel')
|
||||||
|
|
||||||
panels.forEach(panel=>{
|
panels.forEach(panel=>{
|
||||||
|
|
||||||
panel.addEventListener('click',()=>{
|
panel.addEventListener('click',()=>{
|
||||||
removeActiveClasses()
|
|
||||||
panel.classList.add('active')
|
panel.classList.toggle('active')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
function removeActiveClasses() {
|
|
||||||
panels.forEach(panel => {
|
|
||||||
panel.classList.remove('active')
|
|
||||||
})
|
|
||||||
}
|
|
Loading…
Reference in new issue