HTML、JavaScript、CSSを使用してプロトタイピングを行っています。プロトタイプは、アプリケーションスイートをモバイルデバイスで実行するためのものです。各画面は独自のDIVに組み込まれています。ホーム画面が1つ、それ以外の画面がいくつかあります。
ユーザーはいつでもホーム画面にダンプアウトできる必要があります。各画面には、デフォルトで表示される特定の要素と、特定のアクションに基づいて特別に表示される他の要素があります。
私が抱えている問題は、画面のDIVの1つを非表示に設定しても、特に表示したDIVの子要素を引き続き表示できることです。ターゲットDIVのすべての子要素を非表示にする既存のコードがあることは理解していますが、表示したいものだけを非表示にします。
これに役立つコードはありますか?これを中心にプログラムする方法を概念化することはできますが、車輪の再発明はしたくありません。
サンプルHTML:
<div id="parentDiv">
<span id="childElement" style="visibility:hidden"></span>
</div>
サンプルJavaScript:
$('childElement').style.visibility = 'visible';
$('parentDiv').style.visibility = 'hidden';
このサンプルを実行した後でも、childElementを見ることができます。
注:WindowsXPでOperaを使用する