Masquer automatiquement les éléments visibles de l'enfant

Question

Je suis en train de prototypage en utilisant HTML, JavaScript et CSS. Le prototype est une suite d'applications pour exécuter sur un appareil mobile. Chaque écran est construit dans son propre DIV. Il y a un écran d'accueil, plusieurs écrans au large qui, et ainsi de suite.

L'utilisateur doit être en mesure de vider à l'écran d'accueil à tout moment. Il y a certains éléments dans chaque écran qui sont visibles par défaut et d'autres éléments qui sont spécifiquement rendus visibles, sur la base de certaines actions.

La question que j'ai est que lors de la mise un de l'écran à DIVs caché, je peux encore voir les éléments enfants de cette DIV que j'ai spécifiquement rendu visible. Je crois comprendre qu'il ya un code préexistant qui cache tous les éléments enfants d'un DIV cible, mais je ne veux que cacher les ses que j'ai fait visible.

est le code là là-bas qui me aider? Je peux conceptualiser une façon que je pouvais programmer autour, mais je ne veux pas réinventer la roue.

Exemple HTML:

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

JavaScript Exemple:

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

Après avoir fait cet exemple, je peux voir encore childElement.

Note: l'utilisation d'Opera sous Windows XP

Answer 1

essayez d'utiliser

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

puis de le rendre visible

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