jquery - jQuery fadeOut和SlideUp，然后fadeIn和SlideDown

我可以在更改div内容的地方使用此功能。我想同时淡出和slideUp，然后更改内容。然后淡入并滑动。到目前为止，它的外观确实没有错。它只是没有淡入淡出。我只是很好奇如何做到这一点。我可以添加和删除影响我猜想的不透明度的类。但是我想知道是否可以单独使用jQuery。

function swiperGetNew(title, moh, text) {
    $('#frontpage_blog-swiper_info').find('article').slideUp(function() {
        $(this).find('h2').text(title);
        $(this).find('h3').text(moh);
        $(this).find('p').text(text);
        $(this).slideDown();
    })
}

我尝试做.animate，但是我无法解决。
而且我认为这应该可行，但事实并非如此。

$('#frontpage_blog-swiper_info').find('article').slideUp();
$('#frontpage_blog-swiper_info').find('article').fadeOut(function() {
    $(this).find('h2').text(title);
    $(this).find('h3').text(moh);
    $(this).find('p').text(text);
    $(this).fadeIn();
    $(this).slideDown();
})

最佳答案

尝试

$(this).animate({opacity: 'hide', height: 'hide'}, 'slow');

http://jsfiddle.net/tmunr/

注意：如果您需要它，使它出现的动画将是：

$('#myDiv').animate({opacity: 'show', height: 'show'}, 'slow');

如果您希望一种效果在另一种效果之后开始，请尝试使用回调：

$('#element').fadeOut('slow',function(){
     $(this).slideUp('fast');
});

但是不要觉得很好。

关于jquery - jQuery fadeOut和SlideUp，然后fadeIn和SlideDown，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21748377/