每页上有多个 div，分为 2 层

Question

我正在使用 HTML5 和 CSS、CSS3 进行编程。在浏览器窗口上，我的客户端需要 2 层以 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 重复此操作。