自动隐藏可见子元素

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上使用Opera

Answer 1

尝试使用

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

然后使其可见

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