diff --git a/transition.js b/transition.js index 1706292..2671930 100644 --- a/transition.js +++ b/transition.js @@ -2,44 +2,45 @@ * Licensed under the MIT License (LICENSE.txt). */ (function($) { - var div = document.createElement('div'), - divStyle = div.style, - support = $.support, - props = "Property Duration TimingFunction".split(" "); - support.transition = - divStyle.MozTransition === ''? 'MozTransition' : - (divStyle.MsTransition === ''? 'MsTransition' : - (divStyle.WebkitTransition === ''? 'WebkitTransition' : - (divStyle.OTransition === ''? 'OTransition' : - (divStyle.transition === ''? 'Transition' : - false)))); + var div = document.createElement('div') + , divStyle = div.style + , support = $.support + , props = 'Property Duration TimingFunction Delay'.split(' ') + ; - div = null; + support.transition = + (divStyle.MozTransition === '' ? 'MozTransition' : + (divStyle.MsTransition === '' ? 'MsTransition' : + (divStyle.WebkitTransition === '' ? 'WebkitTransition' : + (divStyle.OTransition === '' ? 'OTransition' : + (divStyle.transition === '' ? 'Transition' : + false))))); - if ( support.transition && support.transition !== "Transition" ) { - $.cssHooks.transition = { - get: function( elem, computed, extra ) { - return $.map(props, function( prop, i ) { - return $.css(elem, support.transition + prop); - }).join(" "); - }, - set: function( elem, value ) { - elem.style[ support.transition ] = value; - } - }; + div = null; - $.each(props, function( i, prop ) { - $.cssHooks[ "transition" + prop ] = { - get: function( elem, computed, extra ) { - return $.css(elem, support.transition + prop); - }, - set: function( elem, value ) { - elem.style[ support.transition + prop ] = value; - } - }; - }); + if (support.transition && support.transition !== 'Transition') { + $.cssHooks.transition = { + get: function(elem, computed, extra) { + return $.map(props, function(prop, i) { + return $.css(elem, support.transition + prop); + }).join(' '); + } + , set: function(elem, value) { + elem.style[support.transition] = value; + } + }; - } + $.each(props, function(i, prop) { + $.cssHooks[ 'transition' + prop ] = { + get: function(elem, computed, extra) { + return $.css(elem, support.transition + prop); + } + , set: function(elem, value) { + elem.style[support.transition + prop] = value; + } + }; + }); + } })(jQuery);