From 6bd5c08a1d3f28976ef2fb8c31988cd9c18ee055 Mon Sep 17 00:00:00 2001
From: gnarf <gnarf@gnarf.net>
Date: Tue, 8 Mar 2011 16:04:55 -0600
Subject: [PATCH] Effects demo: Animate a containing div instead of the canvas
 directly for easing demo. Fixes #7086 - easing only first click is working.

Canvas seems to be animating poorly in Chrome 11 - and animating the height only is scaling width too in some browsers yet not others...
(cherry picked from commit fa7f5d2873b1fef978eab7d9f342c5afa77e061c)
---
 demos/effect/easing.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/demos/effect/easing.html b/demos/effect/easing.html
index d7695711896..0b6ba0885ab 100644
--- a/demos/effect/easing.html
+++ b/demos/effect/easing.html
@@ -33,7 +33,8 @@
 			}
 			var graph = $( "<div/>" ).addClass( "graph" ).appendTo( "#graphs" ),
 				text = $( "<div/>" ).text( ++i + ". " + name ).appendTo( graph ),
-				canvas = $( "<canvas/>" ).appendTo( graph )[ 0 ];
+				wrap = $( "<div/>" ).appendTo( graph ).css( 'overflow', 'hidden' ),
+				canvas = $( "<canvas/>" ).appendTo( wrap )[ 0 ];
 			canvas.width = width;
 			canvas.height = height;
 			var drawHeight = height * 0.8,
@@ -78,9 +79,9 @@
 			});
 			ctx.stroke();
 			graph.click(function() {
-				$( canvas )
+				wrap
 					.animate( { height: "hide" }, 2000, name )
-					.animate( { left: 0 }, 800 )
+					.delay( 800 )
 					.animate( { height: "show" }, 2000, name );
 			});