Wie überprüft man mit jQuery, ob ein Element auf der Seite versteckt ist?

Hallo zusammen! Ich bin ein Anfänger-Frontend-Entwickler und bin auf folgendes Problem gestoßen: Ich muss feststellen, ob ein bestimmtes Element auf der Seite mit jQuery versteckt ist. Ich habe mehrere Blöcke mit Informationen, die ich per Klick auf Buttons verstecke und anzeige. Ich muss überprüfen, ob ein bestimmter Block gerade sichtbar ist, bevor ich Aktionen damit durchführe (z.B. Animation oder class-Änderung). Ich weiß, dass CSS Elemente auf verschiedene Weisen verstecken kann: durch `display: none`, `visibility: hidden` oder sogar durch Null-Transparenz `opacity: 0`. Außerdem können Elemente mit jQuery-Methoden wie `.hide()` und `.show()` versteckt werden. Das Problem ist, dass ich den Selektor `:hidden` ausprobiert habe, aber er scheint nicht immer so zu funktionieren, wie ich es erwarte. Zum Beispiel mein Code: ```javascript // Prüfe, ob Element mit id="myBox" versteckt ist if ($('#myBox').is(':hidden')) { console.log('Element ist versteckt'); } else { console.log('Element ist sichtbar'); } ``` Aber manchmal sagt dieser Code, dass