jQuery同时切换“幻灯片”和“淡入淡出”动画

Question

jQuery有一个slideToggle和一个fadeToggle，但它们不能很好地协同工作（请参阅小提琴here）：

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

如何slide和fade同时切换 ？

Answer 1

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

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