Javascript 有没有更好的方法来设置图库，使折叠div不会移动其他元素？

如你所见，我有一些盒子。单击第一个框时，可以看到塌陷div的作用。我希望div在图像下折叠，但不要将其他框移到其右侧

---

我假设有一种更好的方式来布置图库，以实现这一点。

使用该插件，您将无法实现您想要的效果。它这样做的原因不是基于你的任何造型错误；这是Javascript中固有的。所以你有两个选择：

编辑源代码以解决您的问题（可能不值得）

制作你自己的脚本，我相信这不会太难

找到一个新脚本

然而，我注意到了其他一些事情。首先，如果您打开一个

ul

，它的任何直接子项都必须是

li

，否则您的html将无效。因此，为了明确起见，html应始终采用以下形式：

<ul>
  <li><a href=""></a></li>
  <li><div></div></li>
  <li>...</li>
<ul>

---

你可以清理你的CSS相当多

你能详细说明一下你希望它如何工作吗？您是否希望所有3个“框”都垂直堆叠，当您单击第一个框时，中间的一个被第三个框隐藏？在JSFIDLE链接上，您可以看到两个框，一个红色，一个蓝色。我想他们都留在那里的立场和折叠div只是出现在蓝色框框的位置变化取决于我的浏览器的宽度。宽度较低时，它们是堆叠的。在高宽度处，它们彼此相邻。你想要哪个？