diff options
author | John Resig <jeresig@gmail.com> | 2007-03-15 16:54:13 +0000 |
---|---|---|
committer | John Resig <jeresig@gmail.com> | 2007-03-15 16:54:13 +0000 |
commit | 027668047a65837daef59efcc5f7042303dd71c3 (patch) | |
tree | 39064c67793b85fbf9a4b50a4a4b3f509281e482 /src | |
parent | 109e4b2987d78bf67a45aba3e62c29958aeb8d91 (diff) | |
download | jquery-027668047a65837daef59efcc5f7042303dd71c3.tar.gz jquery-027668047a65837daef59efcc5f7042303dd71c3.zip |
A pack of animation fixes for #24, #260, #744, #799, #1003, and #1021.
Diffstat (limited to 'src')
-rw-r--r-- | src/fx/fx.js | 50 |
1 files changed, 26 insertions, 24 deletions
diff --git a/src/fx/fx.js b/src/fx/fx.js index a16b0a51b..f67747fd0 100644 --- a/src/fx/fx.js +++ b/src/fx/fx.js @@ -413,11 +413,14 @@ jQuery.extend({ // The styles var y = elem.style; - // Store display property - var oldDisplay = jQuery.css(elem, "display"); + if ( prop == "height" || prop == "width" ) { + // Store display property + var oldDisplay = jQuery.css(elem, "display"); - // Make sure that nothing sneaks out - y.overflow = "hidden"; + // Make sure that nothing sneaks out + var oldOverflow = y.overflow; + y.overflow = "hidden"; + } // Simple function for setting a style value z.a = function(){ @@ -426,10 +429,10 @@ jQuery.extend({ if ( prop == "opacity" ) jQuery.attr(y, "opacity", z.now); // Let attr handle opacity - else if ( parseInt(z.now) ) // My hate for IE will never die + else { y[prop] = parseInt(z.now) + "px"; - - y.display = "block"; // Set display property to block for animation + y.display = "block"; // Set display property to block for animation + } }; // Figure out the maximum number to run to @@ -459,12 +462,12 @@ jQuery.extend({ if ( !elem.orig ) elem.orig = {}; // Remember where we started, so that we can go back to it later - elem.orig[prop] = this.cur(); + elem.orig[prop] = elem.style[prop]; options.show = true; // Begin the animation - z.custom(0, elem.orig[prop]); + z.custom(0, this.cur()); // Stupid IE, look what you made me do if ( prop != "opacity" ) @@ -476,12 +479,12 @@ jQuery.extend({ if ( !elem.orig ) elem.orig = {}; // Remember where we started, so that we can go back to it later - elem.orig[prop] = this.cur(); + elem.orig[prop] = elem.style[prop]; options.hide = true; // Begin the animation - z.custom(elem.orig[prop], 0); + z.custom(this.cur(), 0); }; //Simple 'toggle' function @@ -489,7 +492,7 @@ jQuery.extend({ if ( !elem.orig ) elem.orig = {}; // Remember where we started, so that we can go back to it later - elem.orig[prop] = this.cur(); + elem.orig[prop] = this.style[prop]; if(oldDisplay == "none") { options.show = true; @@ -499,12 +502,12 @@ jQuery.extend({ y[prop] = "1px"; // Begin the animation - z.custom(0, elem.orig[prop]); + z.custom(0, this.cur()); } else { options.hide = true; // Begin the animation - z.custom(elem.orig[prop], 0); + z.custom(this.cur(), 0); } }; @@ -528,13 +531,15 @@ jQuery.extend({ done = false; if ( done ) { - // Reset the overflow - y.overflow = ""; + if ( oldDisplay ) { + // Reset the overflow + y.overflow = oldOverflow; - // Reset the display - y.display = oldDisplay; - if (jQuery.css(elem, "display") == "none") - y.display = "block"; + // Reset the display + y.display = oldDisplay; + if (jQuery.css(elem, "display") == "none") + y.display = "block"; + } // Hide the element if the "hide" operation was done if ( options.hide ) @@ -543,10 +548,7 @@ jQuery.extend({ // Reset the properties, if the item has been hidden or shown if ( options.hide || options.show ) for ( var p in elem.curAnim ) - if (p == "opacity") - jQuery.attr(y, p, elem.orig[p]); - else - y[p] = ""; + jQuery.attr(y, p, elem.orig[p]); } // If a callback was provided, execute it |