Estoy tratando de hacer que una identificación de div sea visible solo durante un evento de cambio de tamaño usando javascript. Tengo un código escrito que se activa cuando cambio el tamaño de la ventana, pero deseo que esto deje de activarse y vuelva a estar oculto para el estilo div después del evento de cambio de tamaño.

 window.addEventListener('resize', animateWindow); function animateWindow(){ var x = document.getElementById("resize-text"); x.style.visibility = "visible"; }

El código CSS se establece en esto:

 #resize-text{ visibility: hidden; width: 100%; height: 100%; background-color: blueviolet; }

¿Debo hacer una declaración if else usando un detector de eventos? ¿O cuál es el mejor enfoque para esto?

¡Muchas gracias!