Question

我有这个功能，我改变了div的内容。我想同时fadeOut和slideUp，然后更改内容。然后是fadeIn和SlideDown。它现在的样子确实没什么问题。它只是没有渐渐消失。我只是好奇如何做到这一点。我可以添加和删除类，这会影响我猜的不透明度。但是我想知道单独使用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();
})

Answer 1

尝试

$(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 fadeOut和SlideUp，然后是fadeIn和SlideDown

1 个答案: