jQuery स्लाइड आसान

Question

के साथ डाउनडाउन स्लाइडडाउन() फ़ंक्शन को आसानी से कैसे उपयोग कर सकता है?

शायद यह किसी भी तरह का विस्तार?

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/

कि प्लगइन का उपयोग करके आप की तरह कर सकते हैं:

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

Answer 2

आप और jQueryUI के साथ चेतन विधि easing effects इस तरह उपयोग कर सकते हैं

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

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

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

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

Answer 3

Easing इन और आउट:

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

Answer 4

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

क्यूओ संख्यात्मक संख्या की आवश्यकता नहीं है। एक और प्लगइन के लिए कोई ज़रूरत नहीं है -

Answer 5

मेरी कलम पर एक नज़र Demo आप सरल $(element).slideUp({duration:1000});