javascript - jQuery同时切换 “slide”和 “fade”动画

jQuery有一个slideToggle和一个fadeToggle，但它们不能很好地配合使用(请参见 fiddle here):

$('div').on('click', function () {
    $('span')
        .slideToggle({duration: 'slow', queue: false})
        .fadeToggle({duration: 'slow', queue: false});
});

如何同时切换slide和fade？

最佳答案

使用.animate()，如下所示:

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