वेबकिट-संक्रमण ऊंचाई?

Question

कृपया निम्नलिखित jsFiddle

http://jsfiddle.net/SgyEW/10/

देख आप विभिन्न बटन जो विभिन्न लंबाई सामग्री है जो बॉक्स बढ़ने/हटना का कारण बनता है पता चलता क्लिक कर सकते हैं।

मैं चाहता ऊंचाई परिवर्तन एनिमेटेड किया जा करने के लिए तो यह इतना उछल नहीं है, मैं जोड़कर इस की कोशिश की:

-webkit-transition: all 1s linear; 

लेकिन वह इस प्रयोग के मामले में कोई प्रभाव नहीं है। समाधान के संदर्भ में कोई विचार जो जावास्क्रिप्ट की आवश्यकता नहीं है?

धन्यवाद

Answer 1

मुझे डर है कि वहाँ कुछ जावास्क्रिप्ट सहायता के बिना CSS3 के संक्रमण के साथ ऊंचाई एनिमेट का कोई रास्ता नहीं है हूँ, बाहर की जाँच:

How can I transition height: 0; to height: auto; using CSS?

Can you use CSS3 to transition from height:0 to the variable height of content?

इसके अतिरिक्त, आपके कोड चला जाता है प्रदर्शन से: प्रदर्शित करने के लिए कोई भी नहीं: ब्लॉक, जो किसी भी मामले में ऊंचाई पर प्रभाव नहीं पड़ेगा। प्रदर्शित करने के बजाय कोई भी ऊंचाई का उपयोग नहीं: 0 अतिप्रवाह के साथ: छुपा;