/* * jQuery UI Effects Slide @VERSION * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Effects/Slide * * Depends: * jquery.effects.core.js */ (function( $, undefined ) { $.effects.effect.slide = function( o, next ) { // Create element var el = $( this ), props = [ "position", "top", "bottom", "left", "right", "width", "height" ], mode = $.effects.setMode( el, o.mode || "show" ), direction = o.direction || "left", ref = (direction == "up" || direction == "down") ? "top" : "left", motion = (direction == "up" || direction == "left") ? "pos" : "neg", distance, animation = {}, size; // Adjust $.effects.save( el, props ); el.show(); distance = o.distance || el[ ref == "top" ? "outerHeight" : "outerWidth" ]({ margin: true }); $.effects.createWrapper( el ).css({ overflow: "hidden" }); if (mode == "show") { el.css( ref, motion == "pos" ? (isNaN(distance) ? "-" + distance : -distance) : distance ); } // Animation animation[ ref ] = ( mode == "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 ); $.isFunction(o.complete) && o.complete.apply( this, arguments ); next(); } }); }; })(jQuery);