Intento añadir una clase al elemento en el se ha hecho clic en multiplees elementos con el mismo nombre de la clase, pero al parecer todos los demás elementos activan al primero y no al suyo respectivamente. Hay un foreach en PHP, como resultado más de 20 de este tipo con la misma clase
Código HTML
//Al hacer clic debe activar a site-options-dropdown
<div class='page-option show-options'>
<div class='icon-src'>icono</div>
<div class='site-options-dropdown'>
opciones
</div>
</div>
</div>
Código JS
const cls = document.querySelectorAll('.show-options')
Array.from(cls).forEach((element, i) => {
element.addEventListener('click',() => {
document.querySelector('.site-options-dropdown').classList.toggle('show')
})
})