كيفية التحقق مما إذا كان العنصر مخفيًا في الصفحة باستخدام jQuery؟

مرحبًا بالجميع! أنا مطور frontend مبتدئ وواجهت مشكلة: أحتاج إلى تحديد ما إذا كان عنصر معين مخفيًا في الصفحة باستخدام jQuery. لدي عدة كتل تحتوي على معلومات، أقوم بإخفائها وإظهارها عند النقر على الأزرار. أحتاج إلى التحقق مما إذا كانت الكتلة الحالية مرئية قبل تنفيذ أي إجراءات عليها (مثل animation أو تغيير class). أعلم أن CSS يمكنه إخفاء العناصر بطرق مختلفة: عبر `display: none`، `visibility: hidden`، أو حتى عبر الشفافية الصفرية `opacity: 0`. كما يمكن إخفاء العناصر باستخدام دوال jQuery `.hide()` و `.show()`. المشكلة أنني جربت استخدام selector `:hidden`، لكنه لا يعمل دائمًا كما أتوقع. على سبيل المثال، هذا هو الكود الخاص بي: ```javascript // أتحقق مما إذا كان العنصر ذو id="myBox" مخفيًا if ($('#myBox').is(':hidden')) { console.log('العنصر مخفي'); } else { console.log('العنصر مرئي'); } ``` لكن أحيانًا يقول هذا الكود أن ال