jQuery fadeOut和SlideUp，然後fadeIn和SlideDown

我有這個功能，我改變了div的內容。我想同時淡入淡出和滑出，然後更改內容。然後淡入和滑落。它現在的樣子真的沒什麼問題。這只是不淡出，我只是好奇如何做到這一點。我可以添加和刪除類，這會影響我猜測的不透明度。但我想知道這是否可以單獨使用jQuery。jQuery fadeOut和SlideUp，然後fadeIn和SlideDown

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(); 
})

來源

2014-02-13 Kenny Bones

你能創建一個http://jsfiddle.net/例子 –

http://jsfiddle.net/2V4KW/8/ –

我認爲你可以調整下面的答案來解決問題http://jsfiddle.net/ arunpjohny/8JCfr/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'); 
});

但是，不要認爲這看起來不錯。

來源

2014-02-13 08:09:35 Allende

jQuery fadeOut和SlideUp，然後fadeIn和SlideDown

回答

相關問題