各ページと2つのレイヤーに複数のdivがあります

Question

私はHTML5とCSS、CSS3でプログラミングしています。ブラウザのウィンドウで、私のクライアントは、2つの異なる方法で情報を表示する2つのレイヤーを必要とします。

は、レイヤ2で

<div id="A1">1234</div> 
<div id="A2">5678</div> 

、のdivのは、次のとおりです：これらの層は、DIVのA1は、右のdiv AA1とdivの上方に配置され、両方で

<div id="AA1">ABCD</div> 
<div id="AA2">EFGH</div> 

層1上

は、私たちは私が持っているとしましょうA2はdiv AA2の直上に位置します。

私は、以下のdivを表示する仕組みが必要です。つまり、1つのdivを隠し、同じdivを上か下に表示する必要があります。

本当にありがとうございます。

敬具、sbguy

Answer 1

あなたは条件が各divを表示/非表示にするが、このような何かが動作するはず何の下で定義する必要があります：

if (myCondition == "something") { 
    $("#A1").show(); 
    $("#AA1").hide(); 
} 
else { 
    $("#A1").hide(); 
    $("#AA1").show(); 
} 

明らかにあなたがあなたのためにこれを繰り返すことができますdivの2番目のセット。