Javascript jQuery切换两个"；幻灯片“；及；“褪色”；同时制作动画

jQuery有一个

slideToggle

，和一个

fadeToggle

，但它们不能很好地配合使用（请参阅fiddle）：

如何使幻灯片和淡入淡出同时切换？

使用

.animate（）

，如下所示：

$('span').animate({
  height: "toggle",
  opacity: "toggle"
});

---

。使用正确的选项设置动画…请注意，如果您的元素使用的是

显示：inline flex

，当切换其高度和不透明度时，显示将为

inline block

$('span').animate({
  height: "toggle",
  opacity: "toggle"
});