Ocultar automáticamente elementos secundarios visibles

Question

Estoy haciendo algunos prototipos utilizando HTML, JavaScript y CSS. El prototipo es para un conjunto de aplicaciones que se ejecutan en un dispositivo móvil. Cada pantalla se construyó en su propio DIV. Hay una pantalla de inicio, varias pantallas que fuera, etcétera.

El usuario debe ser capaz de volcar a la pantalla principal en cualquier momento. Hay ciertos elementos en cada pantalla que son visibles por defecto, y otros elementos que se hacen específicamente visible, con sede fuera de ciertas acciones.

El problema que estoy teniendo es que cuando se configura uno de los DIVs pantalla a escondidas, todavía puedo ver los elementos secundarios de ese DIV que he hecho específicamente visible. Entiendo que hay preexistente código que oculta todos los elementos secundarios de un DIV objetivo, pero yo sólo quiero ocultar los de uno que he hecho visible.

¿Hay código por ahí que me va a ayudar con esto? Puedo conceptualizar una manera que podría programar todo esto, pero no quiero que reinventar la rueda.

HTML de ejemplo:

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

Muestra JavaScript:

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

Después de hacer esta muestra, todavía puedo ver childElement.

Nota: el uso de Opera en Windows XP

Answer 1

trate de usar

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

a continuación, para que sea visible

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