JQuery显示/隐藏导致页面重新调整大小错误

让我先描述一下我试图完成的任务，然后解释错误/错误/问题。 我正在努力完成把3页放在一页上。我的老板决定，他希望一个网页的演示文稿具有幻灯片效果，并且在一个页面上基本上显示3个页面。这样做的原因是没有更多的加载，当用户按下右键或在平板电脑上向左滑动时，他们将进入下一页

为了完成这项任务，我使用了带有3个div的hide/show事件。因此，当页面加载时，基本上会显示div1，而隐藏div2和div3。当按下按钮时，显示div 2，隐藏div 1和div 3，依此类推。这个很好用。当页面加载并隐藏div 2或div 3后重新调整页面大小时，会出现问题。Div 2和Div 3上有图像。如果在查看div 1时重新调整页面大小，则在重新调整页面大小之前，div 2不会显示（轻微或大量无关紧要）

这是我所说的一个例子。尝试加载页面，然后重新调整大小，然后按左下角的Brands按钮。除非你重新调整窗户的尺寸，否则什么也不会出现。“显示”和“隐藏”位于“均匀单击”处理程序中。了解为什么会发生这种情况，或者如何在当前配置中修复它

---

链接已删除，因为问题已得到解答

，这是因为show（）和hide（）设置了display属性，而display属性又从文档流中删除了元素。为了避免这种情况，请改为设置“不透明度”或“可见性”属性。问题是，由于“隐藏”属性，页面上会出现巨大的空白。有什么方法可以解决这个问题吗？要么隐藏元素并将其从流中移除，导致流中的其他元素移动，等等；要么隐藏元素而不将其从文档流中移除，导致元素所在的位置出现空白。这就是CSS的本质，你还期待什么？我不知道。从流中删除，以允许页面移动和更改，并允许在其上处理传递给它们的事件