顺利滑动底部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/