إخفاء عناصر الطفل المرئية

Question

أقوم ببعض النماذج الأولية باستخدام HTML و JavaScript و CSS. النموذج الأولي هو لتشغيل تطبيق تطبيق على جهاز محمول. تم بناء كل شاشة في حدها DIV. هناك شاشة منزلية واحدة، عدة شاشات خارج ذلك، ET Cetera.

يجب أن يكون المستخدم قادرا على تفريغ الشاشة الرئيسية في أي وقت. هناك بعض العناصر في كل شاشة مرئية بشكل افتراضي، وغيرها من العناصر التي تم إجراؤها على وجه التحديد، استنادا إلى بعض الإجراءات.

القضية التي أحصل عليها هي أنه عند تحديد أحد الشاشة Divs إلى المخفية، لا يزال بإمكاني رؤية عناصر الأطفال من هذا الحم الذي قمت به على وجه التحديد. أنا أفهم أن هناك رمز موجود مسبقا الذي يخفي جميع عناصر الأطفال من DIV المستهدف، لكنني أريد فقط إخفاء الشخص الذي قدمته مرئيا.

هل هناك رمز هناك مما سيساعدني في هذا؟ يمكنني تصور طريقة يمكنني أن أتمكن من البرنامج، لكنني لا أريد إعادة اختراع العجلة.

عينة html:

<div id="parentDiv">
  <span id="childElement" style="visibility:hidden"></span>
</div>

عينة جافا سكريبت:

$('childElement').style.visibility = 'visible';
$('parentDiv').style.visibility = 'hidden';

بعد القيام بهذه العينة، لا يزال بإمكاني رؤية الاندماج.

ملاحظة: باستخدام Opera على نظام التشغيل Windows XP

Answer 1

جرب استخدام

$('parentDiv').style.display = "none";

ثم لجعلها مرئية

$('parentDiv').style.display = "block"