स्लाइडअप() jQuery में कैसे काम करता है? मैं अपने खुद के slideRIght()

Question

मैं source code in jquery for slideup पर ध्यान दिया है ...

// Generate shortcuts for custom animations 
jQuery.each({ 
    slideDown: genFx("show", 1), 
    slideUp: genFx("hide", 1), 
    slideToggle: genFx("toggle", 1), 
    fadeIn: { opacity: "show" }, 
    fadeOut: { opacity: "hide" }, 
    fadeToggle: { opacity: "toggle" } 
}, function(name, props) { 
    jQuery.fn[ name ] = function(speed, easing, callback) { 
     return this.animate(props, speed, easing, callback); 
    }; 
}); 

बनाने के लिए मैं समझता हूँ कि इस कार्य के लिए आशुलिपि है कोशिश कर रहा हूँ, इसलिए मैं folllow GenFX

को

function genFx(type, num) { 
    var obj = {}; 

    jQuery.each(fxAttrs.concat.apply([], fxAttrs.slice(0,num)), function() { 
     obj[ this ] = type; 
    }); 

    return obj; 
} 

के माध्यम से

और फिर fxAttrs

fxAttrs = [ 
     // height animations 
     [ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ], 
     // width animations 
     [ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ], 
     // opacity animations 
     [ "opacity" ] 
    ], 

लेकिन मैं सिर्फ को समझ नहीं सकता कि यह कैसे कोड काम करता है, या कैसे मैं एक slideLeft या स्लाइड बनाने के बारे में जाना होगा ठीक है जो HTML की चौड़ाई विशेषता को प्रभावित करता है।

Answer 1

आप slideUp साथ के रूप में slideRight साथ भी ऐसा ही कर सकते हैं:

$.fn.slideRight = function(options) { 
    var s_opt = { 
     speed: "slow", 
     callback: null 
    } 

    $.extend(s_opt, options); 
    return this.each(function() { 
     $(this).effect("slide", null, 
      s_opt.speed, s_opt.callback); 
    }); 
}; 

फिडल: http://jsfiddle.net/maniator/eVUsH/

Answer 2

आप उपयोग कर सकते हैं: jsFiddle पर

$('div').animate({ width: 'show' }); // slideLeft 

$('div').animate({ width: 'hide' }); // slideRight 

डेमो।