平滑显示/隐藏元素的 JavaScript 库 [关闭]

Question

我需要动画显示和隐藏 div 元素。是否有任何 JS 库或 CSS 技巧可以使它成为可能？我知道 jQuery 和类似的东西，但它们太大了——我不想使用超过 ~5 KB。

我也尝试过 CSS 过渡，但它不允许使用显示属性。可见性发生在页面中，这是不可取的。

---

编辑： 例如： jQuery.toggle()。 从顶部开始的第二个演示。

Answer 1

使用 CSS 过渡。您无需触摸显示属性。

您可以将 div 的高度/宽度（或两者）设置为 0，然后设置为所需的大小，然后激活过渡。

或者，如果您为它们的位置设置动画，您可以从页面飞入/飞出 div（从页面外部开始并飞入所需位置，反之亦然）。您可以从顶部或从左/右滑入。

Answer 2

这个页面似乎显示了在没有 jQuery 的情况下执行此操作所需的代码：

http://brugbart.com/Articles/javascript-fade

不过，还没有完全通读该页面，所以我不能说它是否合法。