使用jQuery使隱藏的div出現在可見div的相同位置（然後隱藏prev可見div）

Question

如果用戶從元素的下拉列表中進行一定的選擇，我需要隱藏div可見和可見div隱。但是，當前可見的div必須位於頁面上與先前可見的div相同的位置。

如果它們都在頁面上顯示（都是可見的），則需要將它們放在另一個的頂部（即堆疊，因此如果向下滾動頁面，則一個元素出現在另一個之前）。

我該如何使用jQuery來進行這種定位？

Answer 1

無需過度複雜的事情。簡單地將它們放置在一個父<div>：

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

每當.a使用display:none，.b將在它的位置，反之亦然隱藏。

當兩者都顯示時，.b將根據您的意願在.a之下。