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( animate.clip );
+		}
+
 		animate.clip = start;
 	}
 
+	if ( placeholder ) {
+		placeholder.animate( animate.clip, 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( animation2.clip );
+		}
+
 		animation2.clip = start;
 	}
 
 	// Animate
 	el
+		.queue(function(next) {
+			if ( placeholder ) {
+				placeholder
+					.animate( animation1.clip, duration, o.easing )
+					.animate( animation2.clip, 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();
 });