jQuery:FadeOut然后SlideUp

前端之家收集整理的这篇文章主要介绍了jQuery:FadeOut然后SlideUp前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果一个项目被删除,我想淡出它,滑动其他元素向上填充空的空间。现在,当我使用fadeOut()项目没有一个高度在结束,导致其他项目跳跃(而不是向上滑动)。

如何在fadeOut()之后slideUp()和元素?

解决方法

jQuery.fn.fadeThenSlideToggle = function(speed,easing,callback) {
  if (this.is(":hidden")) {
    return this.slideDown(speed,easing).fadeTo(speed,1,callback);
  } else {
    return this.fadeTo(speed,easing).slideUp(speed,callback);
  }
};

我测试了它在JQuery 1.3.2,它的确工作。

编辑:这是我称为它的代码。 #slide-then-fade是按钮元素的ID,article-text是div标签上的类:

$(document).ready(function() {
  $('#slide-then-fade').click(function() {
    $('.article-text').fadeThenSlideToggle();
  });
});

编辑2:修改为使用内置的slideUp。

编辑3:重写为切换,并使用fadeTo

原文链接:https://www.f2er.com/jquery/183771.html

猜你在找的jQuery相关文章