Usando Vanilla JS, estoy tratando de alternar la visibilidad de un elemento y luego cambiar el texto del botón mientras también cambio el aria expandido.

Si hace clic en el botón, la lista debería mostrarse también como el texto del botón que cambia, y si hace clic en él nuevamente, la lista se ocultará y el texto del botón cambiará.

A continuación se muestra el código, pero parece que no puede entender por qué no funciona.

 var featureListToggleButton = document.getElementById( "FeatureList-toggle-button" ); var featureList = document.getElementById("FeaturesList"); featureListToggleButton.addEventListener("click", function () { featureListToggleButton.getAttribute( "aria-expanded", function (index, value) { var isExpanded = value === "true"; featureList.classList.toggle("hide"); featureListToggleButton.textContent(isExpanded ? "Show" : "Hide"); return !isExpanded; } ); });