मैं jQuery.slideDown() को उल्टा कैसे कॉल करूं?

Question

वेब ऐप में मैं काम कर रहा हूं मैं ट्विटर या आपके डेस्कटॉप पर अधिसूचना को थोड़ा स्लाइड करना चाहता हूं। jQuery का .slideDown वही करता है जो मैं चाहता हूं, लेकिन यह उल्टा है। .slideUp स्लाइडडाउन के उल्टा संस्करण को निष्पादित नहीं करता है। इसके बजाय यह slideDown के साथ प्रदर्शित एक पुराने संदेश को साफ करने के बाद सामानों को छुपाता है।

तो jQuery में slideDown() ऊपर उल्टा करने का सबसे आसान कोड क्या है?

Answer 1

आप टैग में jquery-ui डाल दिया है के बाद से, यहाँ jQueryUI समाधान है (Effects Core की आवश्यकता है)

$('#box').show('slide', {direction: 'down'}); 

पैट्रिक बेला अपडेट किया गया: http://jsfiddle.net/aVNL6/2/

Answer 2

कई संभव तरीके jQuery का उपयोग कर बातें स्लाइड करने के बारे में जानकारी learningjquery.com

Answer 3

पर पाया जा सकता तुम कह रहे हो कि आप का पता चलता है (slideDown) शीर्ष पर नीचे से सामग्री प्रकट करना चाहते हैं, आप की आवश्यकता होगी अपने सीएसएस को तत्व के लिए एक निश्चित bottom स्थिति दें।

उदाहरण:http://jsfiddle.net/aVNL6/

एचटीएमएल

<a href='#'>click me</a> 
<div id='container'> 
    <div id='box'></div> 
</div> 

सीएसएस

#container { 
    width: 300px; 
    height: 300px; 
    position:relative; 
    background: yellow; 
} 
#box { 
    width: 100px; 
    height: 100px; 
    display: none; 
    background: orange; 
    position: absolute; 
    left: 100px; 
    bottom: 0; 
} 

js

012,

$('a').click(function() { 
    $('#box').slideDown(); 
});