Auto-verstecken Visible Geordnete Elemente

Question

Ich mache einige Prototypen mit HTML, JavaScript und CSS. Der Prototyp ist für eine Anwendungssuite auf einem mobilen Gerät ausgeführt werden. Jeder Bildschirm wird in einem eigenen DIV gebaut. Es gibt einen Startbildschirm, mehrere Bildschirme aus, dass, et cetera.

Der Benutzer sollte jederzeit auskippen auf den Home-Bildschirm kann. Es gibt bestimmte Elemente in den einzelnen Bildschirmen, die standardmäßig sichtbar sind, und andere Elemente, die speziell sichtbar gemacht werden, basiert weg bestimmte Aktionen.

Das Problem, das ich habe ist, dass, wenn einer der Bildschirm DIVs auf versteckte Einstellung, habe ich noch die untergeordneten Elemente dieses DIV sehen können, dass ich speziell sichtbar gemacht haben. Ich verstehe es vorbestehenden Code, der alle untergeordneten Elemente eines Ziel DIV versteckt, aber ich will nur die eigenen verbergen ich sichtbar gemacht haben.

Gibt es Code gibt, die mir dabei helfen? Ich kann einen Weg conceptualize ich um dieses Programm könnte, aber ich will nicht das Rad neu zu erfinden.

Beispiel HTML:

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

Beispiel JavaScript:

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

Nachdem diese Probe zu tun, kann ich immer noch child sehen.

Hinweis: Verwendung von Opera unter Windows XP

Answer 1

versuchen Sie es mit

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

dann macht es sichtbar

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