Comment vérifier si un élément est caché sur la page avec jQuery ?

Bonjour à tous ! Je suis un développeur frontend débutant et j'ai rencontré un problème : je dois déterminer si un élément spécifique est caché sur la page en utilisant jQuery. J'ai plusieurs blocs d'informations que je cache et affiche au clic sur des boutons. Je dois vérifier si un bloc est actuellement visible avant d'effectuer des actions dessus (par exemple, une animation ou un changement de classe). Je sais que CSS peut cacher des éléments de différentes manières : via `display: none`, `visibility: hidden`, ou même via une opacité nulle `opacity: 0`. De plus, les éléments peuvent être cachés avec les méthodes jQuery `.hide()` et `.show()`. Le problème est que j'ai essayé d'utiliser le sélecteur `:hidden`, mais il ne semble pas toujours fonctionner comme je le souhaite. Par exemple, voici mon code : ```javascript // Je vérifie si l'élément avec id="myBox" est caché if ($('#myBox').is(':hidden')) { console.log('L\'élément est caché'); } else { console.log('L\'élément est visible'); } ``` Mais parfois, ce code dit que l'élément est visible alors qu'il ne l'est pas.