使用jQuery使隐藏的div显示在可见div的相同位置（然后隐藏上一个可见div）

如果用户从元素下拉列表中选择了某个元素，我需要将隐藏的div设置为可见，将可见的div设置为隐藏。但是，当前可见的div必须与先前可见的div位于页面上的同一位置

如果两个元素都显示在页面上，并且都可见，则需要将它们一个放置在另一个的顶部，即堆叠，以便在向下滚动页面时，一个元素显示在另一个元素之前

---

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

不需要把事情过分复杂化。只需将它们放在父对象中：

每当使用display:none隐藏.a时，.b将处于其位置，反之亦然

---

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

无需过度复杂化。只需将它们放在父对象中：

每当使用display:none隐藏.a时，.b将处于其位置，反之亦然

---

当两个都显示时，.b将如您所愿位于.a下方。

如果我正确理解您的问题，您可以简单地使用相同的left:和top:值将它们定位为绝对值。当您说>您的意思是它应该堆叠吗？@Joybroto:是的，对不起，我将在我的帖子中澄清。Thxi如果我正确理解你的问题，你可以简单地用相同的左：和右：值将它们定位为绝对值。当你说>你的意思是它应该被堆叠吗？@Joybroto:是的，对不起，我会在我的帖子中澄清。如果.a得到显示，则.b不跳：无；？这正是我需要的。我只使用.show/.hide，两个div将自己定位在需要的位置。再次感谢@如果.a和.b都可见，而您隐藏了.a，则浏览器将重新流式显示内容，并且各种页面元素的位置可能会出现可见的跳转。@MarcAudet使用jQuery有很多方法可以解决此问题：如果.a获得显示，则.b是否会跳转：无；？这正是我需要的。我只使用.show/.hide，两个div将自己定位在需要的位置。再次感谢@如果.a和.b都可见，而您隐藏了.a，则浏览器将重新流式显示内容，并且各种页面元素的位置可能会出现可见的跳转。@MarcAudet使用jQuery有很多方法可以解决此问题：

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