Javascript 如何正确应用。此滑块中的淡出效果？

我是一个新手，尝试制作一个简单的响应滑块。我遵循并设法添加了一些额外的功能，但我还没有找到一种方法来引入淡入淡出过渡到它。代码如下：

我已经尝试过的事情（请阅读代码以理解我的意思）：

• 幻灯片。隐藏（'fade'，'slow'）
• 转换：显示。2s轻松输入输出；在css中
• slides.fadeOut（'slow'）在slides.hide（）之前

---

如果您有任何帮助，我们将不胜感激，请提前感谢！：）

淡出本身淡出元素，无需再次隐藏它，因为您正在隐藏它，它将立即消失。使用

$element.fadeOut（）

请提供小提琴。如果你只有两个链接，那么你的小提琴比教程链接更有用。谢谢你的帮助！我使用了@vinayakj方法+一些新的css（绝对定位幻灯片并给容器一个高度），效果非常好：）