javascript - 有没有更好的方法来设置画廊，使折叠 div 不会移动其他元素？

Question

正如你在这里看到的（JSFiddle）我有一些盒子。当您单击第一个框时，您可以看到折叠 div 的作用。我希望 div 在图像下方折叠，但不要将其他框移到其右侧。

我假设有更好的方式来布置画廊以实现这一点。

Answer 1

通过使用该插件，您将无法按照您的意愿进行这项工作。它这样做的原因不是基于您的任何样式错误；它是 Javascript 所固有的。所以你有两个选择：

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

2. 制作自己的脚本，我敢肯定这不会太难。

3. 找到一个新脚本。非常简单的可能对你有用

但是，我还注意到了其他一些事情。首先，如果您打开 a ul，它的任何直接子级都必须是 a ，li否则您的 html 将无效。因此，明确地说，您的 html 应始终采用以下形式：

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

而且你可以清理你的 CSS 相当多。看一看！