const spoilerContainer = document.querySelector('.spoiler-container'); spoilerContainer.addEventListener('click', function(e) { if (e.target.classList.contains('spoiler-button')) { const spoilerContent = e.currentTarget.querySelector('.spoiler-content'); const spoilerButton = e.target; spoilerContent.style.display = spoilerContent.style.display === 'none' ? 'block' : 'none'; spoilerButton.innerHTML = spoilerButton.innerHTML === 'Reveal Spoiler' ? 'Hide Spoiler' : 'Reveal Spoiler'; } });
const spoilerButton = document.querySelector('.spoiler-button'); const spoilerContent = document.querySelector('.spoiler-content'); spoilerButton.addEventListener('click', function() { // toggle the display property of the spoiler content if (spoilerContent.style.display === 'none') { spoilerContent.style.display = 'block'; spoilerButton.innerHTML = 'Close'; } else { spoilerContent.style.display = 'none'; spoilerButton.innerHTML = 'Open'; } });