jQuery slideDown с ослаблением

Question

Как использовать функцию slideDown() с ослаблением?

Возможно, это как-то простите?

Я ищу что-то вроде этого:

jQuery.fn.slideDown = function(speed, easing, callback) { 
    return ... 
}; 

Так я могу использовать это слайд этот

$('.class').slideDown('400','easeInQuad'); 

или это

$('.class').slideDown('400','easeInQuad',function(){ 
    //callback 
}); 

Answer 1

Взгляните на это страница, которая содержит множество функций ослабления: http://gsgd.co.uk/sandbox/jquery/easing/

С помощью этого плагина вы можете сделать что-то вроде:

$(element).slideUp({ 
    duration: 1000, 
    easing: method, 
    complete: callback}); 

Answer 2

Вы можете использовать метод анимировать с jQueryUI и easing effects вроде этого:

$(".demo").animate({height: "hide"}, 1500, "easeInQuad", function(){}); 

Answer 3

Ослабление и выход:

  $("#SignIn").click(function() { 

       $(".divSlideTop").slideDown({ 
        duration: 1000, 
        easing: "easeInQuad" 
       }); 
      }); 

      $("#close").click(function() { 

       $(".divSlideTop").slideUp({ 
        duration: 1000, 
        easing: "easeOutQuad" 
       }); 
      }); 

Answer 4

$('.class').slideDown(400,'easeInQuad'); 

Quo tes не требуется для числовых.

Answer 5

Посмотрите на мое перо Demo вы просто использовать $(element).slideUp({duration:1000});