jquery - 使用 jQuery 使隐藏的 div 出现在可见 div 的同一位置（然后隐藏 prev 可见 div）

Question

如果用户从元素的下拉列表中进行特定选择，我需要将隐藏div的可见和可见的div隐藏。但是div，当前可见的 必须在页面上与先前可见的 相同的位置div。

如果它们都在页面上一起显示（都可见），则它们需要一个在另一个之上（即堆叠，因此如果您向下滚动页面，一个元素出现在另一个之前）。

我将如何使用 jQuery 来进行这种定位？

Answer 1

没有必要把事情复杂化。只需将它们放在 parent 中<div>：

<div>
   <div class="a">A</div>
   <div class="b">B</div>
</div>

每当.a使用 隐藏display:none时，.b都会在它的位置，反之亦然。

当两者都显示时，.b将.a如您所愿。