Search code examples
jqueryeasing

Add easing to a simple little jquery plugin? not working


Can someone tell me how to add easing to this plugin. I understand there's an easing plugin, yada yada, I just want this plugin to have the option of adding easing AND a callback when using it. I tried adding the word easing after speed,, so it looked like speed, easing, callback, but for some reason it didn't work?

jQuery.fn.animateAuto = function(prop, speed, callback){
    var elem, height, width;
    return this.each(function(i, el){
        el = jQuery(el), elem = el.clone().css({"height":"auto","width":"auto"}).appendTo("body");
        height = elem.css("height"),
        width = elem.css("width"),
        elem.remove();

        if(prop === "height")
            el.animate({"height":height}, speed, callback);
        else if(prop === "width")
            el.animate({"width":width}, speed, callback);  
        else if(prop === "both")
            el.animate({"width":width,"height":height}, speed, callback);
    });  
}

Solution

  • It should be like:

    
    el.animate(
      {height:your_height_value}, 
      speed, 
      'swing', //example easing here
      complete: function() {  //your callback, just an example
        //do something
      }
    );
    
    

    Did you mean something like this