애니메이션 폭 : 너비가 0 일 때 내용이 흐림

Question

나는 빨간색과 검은 색 div가 있습니다. 낙하산 위로 마우스를 가져 가면 너비를 실제 너비로 변경하여 빨간색 div가 나타납니다! 그러나 문제는 너비가 0px 일 때입니다. 내용이 표시됩니다! 당신이 저를 도와 주길 바랍니다.

Fiddle

$('#container').mouseover(function(){ 
$('#red').stop(true,true).animate({ width: '110px'}, 100); 
}) 
$('#container').mouseout(function(){ 
$('#red').stop(true,true).animate({ width: '0px'}, 100); 
}) 

업데이트 :

Solved Fiddle 을하지만 붉은 DIV 실제 폭의 크기를 조정하면서 이제 텍스트 "비디오를보고는"두 줄에 간다! 그것을 한 줄로 강요하는 방법?

Answer 1

http://jsfiddle.net/pTU3L/2/

는 #red 사업부에 overflow:hidden

을 추가했다. 업데이트 된 바이올린을 확인하십시오