[Solved] Fade In and Out on Button Click
You only need to have the button click add the class membership, wait until the animation is complete and then remove the class. var div = document.querySelector(“.fade”); var btn = document.querySelector(“.fadeButton”); btn.addEventListener(“click”, function(){ div.classList.add(“elementToFadeInAndOut”); // Wait until the animation is over and then remove the class, so that // the next click can re-add it. … Read more