jQuery – 使用animation()函数重新创建slideDown()效果？

将“height”,“marginTop”,“marginBottom”,“paddingTop”和“paddingBottom”设为“显示”.

例如：

$(...).animate({
    "height": "show","marginTop": "show","marginBottom": "show","paddingTop": "show","paddingBottom": "show"
});

来源：jQuery源代码

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

jQuery.each({
    slideDown: genFx("show",1),slideUp: genFx("hide",slideToggle: genFx("toggle",fadeIn: { opacity: "show" },fadeOut: { opacity: "hide" }
},function( name,props ) {
    jQuery.fn[ name ] = function( speed,callBACk ) {
        return this.animate( props,speed,callBACk );
    };
});
...

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

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

    return obj;
}