jQuery एनीमेशन स्लाइड लिफ्ट बिना टेक्स्ट रैपिंग

Question

मैं jQuery से बाएं से दाएं पाठ का एक अनुच्छेद दिखाना/छिपाना चाहता हूं।

मैं

$('#text').animate({ 
    width: ['toggle', 'swing'] 
}); 

उपयोग कर रहा हूँ हालांकि मैं देख रहा हूँ कि एनीमेशन के रूप में पैरा wraps हो रहा है। और यह बदसूरत लग रहा है।

अवांछित प्रभाव के उदाहरण के लिए this js fiddle देखें।

आप एक ही प्रभाव प्राप्त करने की सलाह कैसे देंगे लेकिन बिना लपेटने के? (जैसा .slideUp()/slideDown()) ...

किसी भी मदद

Answer 1

आप कंटेनर पर overflow: hidden निर्धारित करते हैं, और उसके बाद कंटेनर के लिए एनीमेशन लागू करने की आवश्यकता के लिए धन्यवाद।

Updated fiddle with fix here

Answer 2

इस प्रयास करें:

सीएसएस:

#wrap{ 
width:200px; 
    overflow: Hidden; 
} 
#text{ 
width:200px; 
} 

स्क्रिप्ट:

setTimeout(
function(){ 
    $('#wrap').animate(// Changed to slide the wrap instead of the #text 
     { 
      width: ['toggle', 'swing'] 
     }) 
    }, 
1000); 

http://jsfiddle.net/RDsqy/2/