可視の子要素を自動的に隠します

StackOverflow https://stackoverflow.com/questions/1712468

質問

私はHTML、JavaScriptとCSSを使用して、いくつかの試作を行っています。プロトタイプは、モバイルデバイス上で実行するアプリケーションスイートです。各画面は、それ自身のDIVに構築されています。 1つのホーム画面、そのオフにいくつかの画面は、ありエトセトラます。

ユーザーは、いつでもホーム画面にダンプすることができるはずです。具体的には、可視化、特定のアクションをオフに基づいて、デフォルトで表示されている各画面内の特定の要素、および他の要素があります。

私が午前問題は隠されたスクリーンにdiv要素のいずれかを設定するとき、私はまだ私は特に見えてきたことDIVの子要素を見ることができるということです。私は、ターゲットDIVのすべての子要素を隠し、既存のコードがある理解し、私は私だけが見える作った1代を非表示にする。

のコードは、これで私を助けるであろうそこにありますか？私はこの問題を回避プログラム可能性の道を概念化することができますが、私は、車輪の再発明する必要はありません。

サンプルHTMLます：

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

サンプルのJavaScriptます：

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

このサンプルを実行した後、私はまだchildElementを見ることができます。

注：Windows XPでオペラを使用して

役に立ちましたか？

解決

タグを使用してみてください 
$('parentDiv').style.display = "none";

それが見えるようにする

$('parentDiv').style.display = "block"
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top