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