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

我也尝试过CSS转换,但它不允许使用display属性.可见性在页面中占据,这是不可取的.

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

最佳答案 使用CSS过渡.您无需触摸显示属性.

您可以将div的高度/宽度(或两者)设置为0,然后设置为所需的大小,并激活转换.

或者,如果您为其位置设置动画,则可以从页面中飞出/飞出div(从页面外部开始并飞到所需位置,反之亦然).您可以从顶部或从左/右滑动它们.