Effects Rewrite: ensure fold and blind animate the placeholder

Author: mikesherov

ui/effect-blind.js

@@ -46,9 +46,17 @@ return $.effects.define( "blind", "hide", function( o, done ) {
 
 	if ( show ) {
 		el.cssClip( animate.clip );
+		if ( placeholder ) {
+			placeholder.css( $.effects.clipToBox( animate ) );
+		}
+
 		animate.clip = start;
 	}
 
+	if ( placeholder ) {
+		placeholder.animate( $.effects.clipToBox( animate ), o.duration, o.easing );
+	}
+
 	el.animate( animate, {
 		queue: false,
 		duration: o.duration,

ui/effect-fold.js

@@ -62,11 +62,24 @@ return $.effects.define( "fold", "hide", function( o, done ) {
 
 	if ( show ) {
 		el.cssClip( animation2.clip );
+		if ( placeholder ) {
+			placeholder.css( $.effects.clipToBox( animation2 ) );
+		}
+
 		animation2.clip = start;
 	}
 
 	// Animate
 	el
+		.queue(function(next) {
+			if ( placeholder ) {
+				placeholder
+					.animate( $.effects.clipToBox( animation1 ), duration, o.easing )
+					.animate( $.effects.clipToBox( animation2 ), duration, o.easing );
+			}
+
+			next();
+		})
 		.animate( animation1, duration, o.easing )
 		.animate( animation2, duration, o.easing )
 		.queue(function() {
@@ -82,7 +95,7 @@ return $.effects.define( "fold", "hide", function( o, done ) {
 	// inject all the animations we just queued to be first in line (after "inprogress")
 	if ( queuelen > 1) {
 		queue.splice.apply( queue,
-			[ 1, 0 ].concat( queue.splice( queuelen, 3 ) ) );
+			[ 1, 0 ].concat( queue.splice( queuelen, 4 ) ) );
 	}
 	el.dequeue();
 });

ui/effect.js

@@ -1050,6 +1050,15 @@ $.extend( $.effects, {
 		return effect;
 	},
 
+	clipToBox: function( animation ) {
+		return {
+			width: animation.clip.right - animation.clip.left,
+			height: animation.clip.bottom - animation.clip.top,
+			left: animation.clip.left,
+			top: animation.clip.top
+		};
+	},
+
 	saveStyle: function( element ) {
 		element.data( dataSpaceStyle, element[ 0 ].style.cssText );
 	},