順利滑動底部div向上時，當div高於消失

Question

我一直在搞jquery fadein淡出函數，並想知道是否有可能下面的div向上滑動而不是跳上去，一旦它上面的div消失。這裏有一個小的jsfiddle我沒有再次:)

http://jsfiddle.net/pufamuf/2j5FU/1/

謝謝:)

感謝大家，幫助我，我真的很感激！ :)

Answer 1

分別使用slideDown和slideUp而不是fadeIn和fadeOut。

http://jsfiddle.net/FishBasketGordo/H87pc/

Answer 2

也許你應該使用.slideUp()代替.fadeOut()

編輯：

，如果你堅持淡出，你可以做這樣的：

$(element).animate({opacity: 0, duration: 200}, function(){ 
    $(this).slideUp(100); 
}) 

jsFiddle

Answer 3

你試過slideUp（）和slideDown（）而不是淡入淡出在和fadeOut？這應該提供你想要的效果。

Answer 4

嘗試使用animate

$("input[type='button']").click(function() { 
    switch (this.id) { 
    case 'button1': 
     $('#div1').fadeIn(200); 
      $("#div1").animate({opacity: 1}, 2000,function(){ 
      $(this).slideDown(); 
      }); 
     break; 
    case 'button2': 
      $("#div1").animate({opacity: 0}, 2000,function(){ 
      $(this).slideUp(); 
      }); 
     break; 
    } 
}); 

http://jsfiddle.net/2j5FU/5/