Como verificar se um elemento está oculto na página usando jQuery?

Olá a todos! Sou um desenvolvedor frontend iniciante e me deparei com o seguinte problema: preciso determinar se um determinado elemento está oculto na página usando jQuery. Tenho vários blocos de informações que oculto e mostro ao clicar em botões. Preciso verificar se um bloco específico está visível no momento antes de executar alguma ação com ele (como animação ou alteração de classe). Sei que o CSS pode ocultar elementos de diferentes maneiras: através de `display: none`, `visibility: hidden`, ou até mesmo com transparência zero `opacity: 0`. Além disso, os elementos podem ser ocultados usando os métodos jQuery `.hide()` e `.show()`. O problema é que tentei usar o seletor `:hidden`, mas parece que nem sempre funciona como esperado. Por exemplo, aqui está meu código: ```javascript // Verifico se o elemento com id="myBox" está oculto if ($('#myBox').is(':hidden')) { console.log('Elemento oculto'); } else { console.log('Elemento visível'); } ``` Mas às vezes esse código diz que o