2012-05-06 16 views
11

मैं इस छोटे से jQuery slideDown प्रभाव http://jsfiddle.net/Gg4eP/2/jQuery slideDown चिकनी

नहीं है लेकिन एनीमेशन चिकनी नहीं है? क्या मैं गलत हूं?

आपके समय के लिए धन्यवाद।

+0

चिकनी नहीं होने का आपका क्या मतलब था? मुझे लगता है कि यह पूरी तरह से काम कर रहा है। –

+0

इस स्क्रिप्ट के लालित्य पर आपको प्रॉप्स! – deewilcox

उत्तर

20

आपको बस प्रत्येक विस्तार योग्य div में चौड़ाई जोड़ने की आवश्यकता है।

http://jsfiddle.net/BpMam/

व्याख्या करने के लिए: जब तक यह प्रदर्शित होता है

jQuery अपने छिपे div के आयाम नहीं जानता है। तो जब इसे क्लिक किया जाता है तो इसे वास्तव में इसे बदलने के पहले इसे मापने के लिए स्थिति से बाहर खींचता है। यह अक्सर कुछ उछाल पैदा करने का दुष्प्रभाव होता है। तत्व पर चौड़ाई को सेट करने से jQuery को स्थिति से बाहर खींचने से रोकता है।

+0

हाँ यह पूरी तरह से काम करता है :) आपके स्पष्टीकरण के लिए धन्यवाद :) – user13746

+0

इस बात से सहमत होना चाहिए कि '.tab_content' को' चौड़ाई: 400px' पर सेट करना है लेकिन स्पष्टीकरण सबसे अधूरा है, और शायद गलत है। '.tab_content' को 'चौड़ाई: 200px'' पर सेट करने का प्रयास करें और जंपनेस रिटर्न। प्रदान की गई स्पष्टीकरण इस पर भविष्यवाणी नहीं करेगी, तो क्यों? –

+0

सही चौड़ाई। मनमानी चौड़ाई नहीं है। –

0

कुछ ब्राउज़र विशेष रूप से टेक्स्ट को पसंद नहीं करते हैं जो एनिमेटिंग के दौरान स्वचालित रूप से लपेटा जाता है, और जब यह तत्व की ऊंचाई को समझने की कोशिश करता है तो थोड़ा सा झटकेदार हो जाता है।

तत्व को फिट करने के लिए पाठ को स्वरूपित करने का प्रयास करें और देखें कि क्या इससे मदद मिलती है।

मैंने वास्तव में यह आपके लिए किया है, यह जांचें कि क्या यह FIDDLE हल करता है?

शायद स्लेड तत्वों को एक निश्चित ऊंचाई देने के लिए काम करेगा?

FIDDLE