jQuery 切换两个“幻灯片"和“褪色"同时动画 [英] jQuery toggle both "slide" and "fade" animations at the same time

问题描述

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

jQuery has a slideToggle, and a fadeToggle, but they don't play well together (see fiddle here):

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

如何让 slide 和 fade 同时切换?

How can I have slide and fade toggle at the same time?

推荐答案

使用.animate()如下:

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

这篇关于jQuery 切换两个“幻灯片"和“褪色"同时动画的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！