Necesito alternar la visibilidad de una sección (llamada "newHexagon") haciendo clic alternativamente en dos h2 diferentes, "seeHexagon" y "hideHexagon". Cuando se carga la página, la visibilidad de newHexagon se oculta. Si se hace clic en seeHexagon, se cambia correctamente a "visible". El problema es que cuando se hace clic en hideHexagon, no sucede nada, en lugar de que la visibilidad vuelva a estar oculta como lo requiere mi código. El clic en hideHexagon se recibe correctamente, como lo demuestra console.log('clicked'). La siguiente línea de código simplemente parece no tener efecto. Mi guion es el siguiente

 // retrieve element that when clicked fires the click event const seeHexagon = document.getElementById('creaServizi'); // extract necessary html from a data attribute of body const htmlServices = document.body.getAttribute("data-esagonoServizi"); // select the node to which append the new section const servicesSide = document.querySelector('.terzaRigaDes'); // create the new section with visibility hidden const newHexagon = document.createElement('section'); newHexagon.setAttribute('class', 'esagono esagonoServizi'); newHexagon.setAttribute('id', 'sezioneServizi'); newHexagon.style.visibility = 'hidden'; // fill the new section with html extracted above newHexagon.innerHTML = htmlServices; // append the new section to the selected node servicesSide.appendChild(newHexagon); // now that the section is present, retrieve the element that when clicked must fire the second click event let hideHexagon = document.getElementById('chiudiServizi'); // add listener for click event to element that sets the new section's visibility to visible seeHexagon.addEventListener('click', function () { newHexagon.style.visibility = 'visible'; hideHexagon.addEventListener('click', function () { console.log('clicked'); // EVERYTHING WORKS UP TO THIS LINE INCLUDED // NEXT LINE IS INEFFECTIVE AND THAT'S THE PROBLEM newHexagon.style.visibility = 'hidden'; }); });

Tenga en cuenta que se obtiene exactamente el mismo resultado si la segunda función de escucha de eventos se mueve fuera y debajo de la función del primer clic.