自动隐藏可见子元素

Question

我做使用HTML，JavaScript和CSS一些原型。原型用于应用程序套件在移动设备上运行。每个屏幕都建在它自己的DIV中。有一个主屏幕，几个屏幕关闭，等等。

的用户应该能够在任何时间，以转储到主屏幕。有在每个屏幕的某些元素，默认情况下是可见的，并且是专门可见，基于关某些动作的其他元素。

我遇到的问题是，设置在屏幕的DIV中的一个时隐时现，我仍然可以看到，DIV，我已明确可见的子元素。我知道有预先存在的代码隐藏的目标DIV的所有子元素，但我只想要隐藏我所做可见一个人的。

是否有代码在那里，这将帮助我？我可以概念化一种我可以编程的方式，但我不想重新发明轮子。

样本HTML：

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

JavaScript示例：

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

这样做样品后，我仍然可以看到是childElement。

注：在Windows XP

Answer 1

使用Opera尝试使用

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

然后使其可见

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