client/player/development-bundle/ui/jquery.effects.slide.js
changeset 57 3a3c15c462f8
parent 48 44d58d2e90b5
parent 56 da0957782d03
child 58 ec1d0e7dcb53
equal deleted inserted replaced
48:44d58d2e90b5 57:3a3c15c462f8
     1 /*
       
     2  * jQuery UI Effects Slide 1.8.1
       
     3  *
       
     4  * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
       
     5  * Dual licensed under the MIT (MIT-LICENSE.txt)
       
     6  * and GPL (GPL-LICENSE.txt) licenses.
       
     7  *
       
     8  * http://docs.jquery.com/UI/Effects/Slide
       
     9  *
       
    10  * Depends:
       
    11  *	jquery.effects.core.js
       
    12  */
       
    13 (function($) {
       
    14 
       
    15 $.effects.slide = function(o) {
       
    16 
       
    17 	return this.queue(function() {
       
    18 
       
    19 		// Create element
       
    20 		var el = $(this), props = ['position','top','left'];
       
    21 
       
    22 		// Set options
       
    23 		var mode = $.effects.setMode(el, o.options.mode || 'show'); // Set Mode
       
    24 		var direction = o.options.direction || 'left'; // Default Direction
       
    25 
       
    26 		// Adjust
       
    27 		$.effects.save(el, props); el.show(); // Save & Show
       
    28 		$.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
       
    29 		var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
       
    30 		var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
       
    31 		var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) : el.outerWidth({margin:true}));
       
    32 		if (mode == 'show') el.css(ref, motion == 'pos' ? -distance : distance); // Shift
       
    33 
       
    34 		// Animation
       
    35 		var animation = {};
       
    36 		animation[ref] = (mode == 'show' ? (motion == 'pos' ? '+=' : '-=') : (motion == 'pos' ? '-=' : '+=')) + distance;
       
    37 
       
    38 		// Animate
       
    39 		el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
       
    40 			if(mode == 'hide') el.hide(); // Hide
       
    41 			$.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
       
    42 			if(o.callback) o.callback.apply(this, arguments); // Callback
       
    43 			el.dequeue();
       
    44 		}});
       
    45 
       
    46 	});
       
    47 
       
    48 };
       
    49 
       
    50 })(jQuery);