如果一个项目被删除,我想淡出它,滑动其他元素向上填充空的空间。现在,当我使用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