diff options
author | Felix Nagel <info@felixnagel.com> | 2012-07-12 23:57:55 +0200 |
---|---|---|
committer | Felix Nagel <info@felixnagel.com> | 2012-07-12 23:57:55 +0200 |
commit | 5092d0296a010280ee9d004f2fe06afbf1c45db5 (patch) | |
tree | ac6b97b4551b4aebf8d90cc35add82fc7088e0a3 /ui/jquery.ui.effect-drop.js | |
parent | 39532f0a8e70e21e33aab03f08136f662d03a4a1 (diff) | |
parent | e054e28836e616ed03561d5a8195bbea525866d1 (diff) | |
download | jquery-ui-5092d0296a010280ee9d004f2fe06afbf1c45db5.tar.gz jquery-ui-5092d0296a010280ee9d004f2fe06afbf1c45db5.zip |
Merge branch 'master' into selectmenu
Diffstat (limited to 'ui/jquery.ui.effect-drop.js')
-rw-r--r-- | ui/jquery.ui.effect-drop.js | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/ui/jquery.ui.effect-drop.js b/ui/jquery.ui.effect-drop.js new file mode 100644 index 000000000..3246c09b0 --- /dev/null +++ b/ui/jquery.ui.effect-drop.js @@ -0,0 +1,65 @@ +/*! + * jQuery UI Effects Drop @VERSION + * http://jqueryui.com + * + * Copyright 2012 jQuery Foundation and other contributors + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Effects/Drop + * + * Depends: + * jquery.ui.effect.js + */ +(function( $, undefined ) { + +$.effects.effect.drop = function( o, done ) { + + var el = $( this ), + props = [ "position", "top", "bottom", "left", "right", "opacity", "height", "width" ], + mode = $.effects.setMode( el, o.mode || "hide" ), + show = mode === "show", + direction = o.direction || "left", + ref = ( direction === "up" || direction === "down" ) ? "top" : "left", + motion = ( direction === "up" || direction === "left" ) ? "pos" : "neg", + animation = { + opacity: show ? 1 : 0 + }, + distance; + + // Adjust + $.effects.save( el, props ); + el.show(); + $.effects.createWrapper( el ); + + distance = o.distance || el[ ref === "top" ? "outerHeight": "outerWidth" ]({ margin: true }) / 2; + + if ( show ) { + el + .css( "opacity", 0 ) + .css( ref, motion === "pos" ? -distance : distance ); + } + + // Animation + animation[ ref ] = ( show ? + ( motion === "pos" ? "+=" : "-=" ) : + ( motion === "pos" ? "-=" : "+=" ) ) + + distance; + + // Animate + el.animate( animation, { + queue: false, + duration: o.duration, + easing: o.easing, + complete: function() { + if ( mode === "hide" ) { + el.hide(); + } + $.effects.restore( el, props ); + $.effects.removeWrapper( el ); + done(); + } + }); +}; + +})(jQuery); |