jQuery slideDown()函数是否已弃用？3.2.1 Slim版报错问询

嘿，我来帮你理清这个问题的根源——其实不是slideDown()被弃用了，而是你用错了jQuery版本！

为什么会出现TypeError: $(...).slideDown is not a function？ #

你引入的jquery-3.2.1.slim.min.js是jQuery的精简版，这个版本为了压缩文件体积，特意移除了非核心的功能模块，其中就包括动画效果（Effects）模块。slideDown()、slideUp()、fadeIn()这类动画方法都属于这个被移除的模块，所以在slim版本里找不到对应的函数，才会报错。

而你之前用的jquery-1.10.2.js是jQuery的完整版本，包含了所有功能模块，自然能正常调用slideDown()。

slideDown()有没有被弃用？ #

完全没有！这个方法至今（包括最新的jQuery版本）都还在官方的核心API文档里，是常用的动画方法之一，没有被弃用的计划，你完全不用担心它会被淘汰。

解决方法（替代方案） #

这里给你三种可行的解决思路：

1. 换成完整版本的jQuery #

这是最省心的方案，直接把引入的脚本替换成对应版本的完整jQuery即可，代码不需要任何修改：

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

2. 为Slim版本单独引入动画模块 #

如果你想继续使用轻量的slim版本，可以单独引入jQuery的动画效果模块（注意要和jQuery版本匹配）：

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

不过这种方式会额外加载一个文件，其实和直接用完整版的体积差异不大，所以更推荐第一种方案。

3. 用原生JavaScript实现下滑效果 #

如果不想依赖jQuery，也可以用CSS过渡结合原生JS来实现类似的下滑效果：

const theDiv = document.getElementById('theDiv');
// 先设置初始隐藏状态
theDiv.style.height = '0';
theDiv.style.overflow = 'hidden';
theDiv.style.transition = 'height 0.2s ease'; // 对应jQuery的'fast'速度（约0.2秒）

// 触发下滑动画：获取元素自然高度并设置
const naturalHeight = theDiv.scrollHeight + 'px';
theDiv.style.height = naturalHeight;

// 动画结束后移除height限制，让元素能自适应内容
theDiv.addEventListener('transitionend', () => {
  theDiv.style.height = 'auto';
}, { once: true });

内容的提问来源于stack exchange，提问作者Daniel Williams