每页有多个div，分为2层

Question

我在HTML5和CSS，CSS3中编程。在浏览器窗口中，我的客户端需要2层以两种不同的方式显示信息。

在第1层，让我们说我有：

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

在第2层中，div是：

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

在这两个层中，div A1位于div AA1的正上方，div A2位于div AA2的正上方。

我现在需要有一种机制来显示下面或上面的div，即..隐藏一个div并在其上方或下方显示相同的div。

非常感谢您的帮助。

最好的问候，sbguy

Answer 1

您需要定义在什么条件下显示/隐藏每个div，但这样的事情应该有效：

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

显然你可以为你的第二组div重复这个。