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 و تخفيف الآثار مثله:

$(".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

إلقاء نظرة على قلمي التجريبي أنت بسيط للاستخدام $(element).slideUp({duration:1000});

Answer 5

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

ونقلت لا تحتاج إلى رقمي.