jQuery animacja slideLeft bez zawijania tekstu

Question

Chciałbym pokazać/ukryć akapit tekstu za pomocą jQuery od lewej do prawej.

Używam

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

Jednak widzę, że okłady ustępie animacji dzieje. I wygląda brzydko.

Zobacz przykład niepożądanego efektu na stronie this js fiddle.

Jak poleciłbyś uzyskać ten sam efekt, ale bez owijania? (Podobnie jak .slideUp()/slideDown()) ...

Dzięki za wszelką pomoc

Answer 1

Musisz ustawić overflow: hidden na pojemniku, a następnie zastosować animację do pojemnika.

Updated fiddle with fix here

Answer 2

Spróbuj tego:

CSS:

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

Scenariusz:

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

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