HTML
<div class="season1">
<button class="dropdown-season1">Season 1</button>
<div class="episodes">
<a class="episode1">Episode 1</a>
<a class="episode1">Episode 2</a>
<a class="episode1">Episode 3</a>
<a class="episode1">Episode 4</a>
<a class="episode1">Episode 5</a>
</div>
</div>
Javascript:
let buttonSeasonOne = document.querySelector('.dropdown-season1');
let episodesOne = document.querySelectorAll('.episode1');
buttonSeasonOne.addEventListener('click', () => {
episodesOne.forEach((episode) => {
if(episode.style.display = 'none') {
episode.style.display = 'block';
} else{
if(episode.style.display = 'block') {
episode.style.display = 'none';
}
}
});
});
I also tried without else but still not working, after i open episodes list i can't close it. Tried with functions and counter too but if statement is not working.