使用jQuery使隐藏的div出现在可见div的相同位置(然后隐藏prev visible div)

时间:2013-06-18 19:44:45

标签: jquery css

如果用户从元素的下拉列表中进行选择,我需要隐藏div隐藏的div和隐藏的div。但是,当前可见的div必须与之前可见的{{1}}位于页面上的相同位置。

如果它们在页面上一起显示(两者都可见),则需要将它们一个放在另一个上面(即堆叠,如果向下滚动页面,则一个元素先出现在另一个元素之前)。

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

1 个答案:

答案 0 :(得分:4)

无需过度复杂化。只需将它们放在父<div>

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

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

如果显示两者,.b将在.a下方,如您所愿。