jquery show()/hide() एनीमेशन बदलें?

Question

डिफ़ॉल्ट रूप से यदि आप एक स्पीड jquery निर्दिष्ट करते हैं तो एक अजीब लग रही एनीमेशन जोड़ता है जहां यह बाएं कोने से फैला हुआ है। मैं इसे बस नीचे स्लाइड करना चाहता हूँ। क्या jquery UI जैसे कुछ और आयात किए बिना ऐसा करने का कोई तरीका है?

मैं की तर्ज में कुछ देख रहा हूँ:

$("test").show('slow', {animation:'slide'}) 

वहाँ कोई रास्ता नहीं है, तो क्या यह करने के लिए सबसे हल्का समाधान हो सकता है?

धन्यवाद

Answer 1

वहाँ slideDown, slideUp, और slideToggle कार्यों jQuery 1.3+ के मूल निवासी हैं, और वे काफी अच्छी तरह से काम करते हैं ...

http://docs.jquery.com/Effects

आप सिर्फ इस तरह slideDown उपयोग कर सकते हैं:

$("test").slideDown("slow"); 

और मैं चेतन समारोह जो आप टी की अनुमति देता है पर एक नज़र डालें चाहते हैं, तो आप प्रभाव गठबंधन करने के लिए और वास्तव में पागल हो जाना चाहता हूँ o tween या morph को आकार देने के लिए कई सीएसएस गुण निर्दिष्ट करें। सुंदर फैंसी सामान, वह।

Answer 2

उपयोग slidedown():

$("test").slideDown("slow"); 

Answer 3

तुम भी एक fadein/Fadeout कॉम्बो का भी उपयोग कर सकते हैं ....

$('.test').bind('click', function(){ 
    $('.div1').fadeIn(500); 
    $('.div2').fadeOut(500); 
    $('.div3').fadeOut(500); 
    return false; 
});