Cómo verificar si un elemento está oculto en la página con jQuery

¡Hola a todos! Soy un desarrollador frontend principiante y me encontré con este problema: necesito determinar si un elemento específico está oculto en la página usando jQuery. Tengo varios bloques de información que oculto y muestro al hacer clic en botones. Necesito verificar si un bloque en particular es visible actualmente antes de realizar alguna acción con él (como animación o cambio de clase). Sé que CSS puede ocultar elementos de diferentes maneras: mediante `display: none`, `visibility: hidden`, o incluso a través de opacidad cero `opacity: 0`. Además, los elementos pueden ocultarse con los métodos de jQuery `.hide()` y `.show()`. El problema es que intenté usar el selector `:hidden`, pero parece que no siempre funciona como espero. Por ejemplo, aquí está mi código: ```javascript // Verifico si el elemento con id="myBox" está oculto if ($('#myBox').is(':hidden')) { console.log('El elemento está oculto'); } else { console.log('El elemento es visible'); } ``` Pero a veces este código dice que el