From 343b0936a43953a993d1f2cc500b954d5bcc8280 Mon Sep 17 00:00:00 2001
From: John Resig <jeresig@gmail.com>
Date: Sat, 25 Jul 2009 20:56:15 +0000
Subject: [PATCH] Fix for animating hyphenated CSS properties. Fixes #4156.

---
 src/fx.js       |  8 ++++++++
 test/unit/fx.js | 12 ++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/src/fx.js b/src/fx.js
index 8025de4d..0596b2b3 100644
--- a/src/fx.js
+++ b/src/fx.js
@@ -109,6 +109,14 @@ jQuery.fn.extend({
 				self = this;
 
 			for ( p in prop ) {
+				var name = p.replace(rdashAlpha, fcamelCase);
+
+				if ( p !== name ) {
+					prop[ name ] = prop[ p ];
+					delete prop[ p ];
+					p = name;
+				}
+
 				if ( prop[p] == "hide" && hidden || prop[p] == "show" && !hidden )
 					return opt.complete.call(this);
 
diff --git a/test/unit/fx.js b/test/unit/fx.js
index 4b7d371c..87e6aea0 100644
--- a/test/unit/fx.js
+++ b/test/unit/fx.js
@@ -100,6 +100,18 @@ test("animate duration 0", function() {
 	});	
 });
 
+test("animate hyphenated properties", function(){
+	expect(1);
+	stop();
+
+	jQuery("#nothiddendiv")
+		.css("font-size", 10)
+		.animate({"font-size": 20}, 200, function(){
+			equals( this.style.fontSize, "20px", "The font-size property was animated." );
+			start();
+		});
+});
+
 test("animate non-element", function(){
 	expect(1);
 	stop();