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

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

Может ли это как-то расширить?

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

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

Итак, я могу использовать его.

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

или это

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

Ответ 1

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

Используя этот плагин, вы можете делать такие вещи, как:

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

Ответ 2

Вы можете использовать метод animate с jQueryUI и смягчающие эффекты следующим образом:

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

Ответ 3

Включение и выключение:

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

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

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

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

Ответ 4

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

Цитаты не нужны для числовых.

Ответ 5

Посмотрите на мое перо Демо-версия, которую вы просто используете $(element).slideUp({duration:1000});