如何修正寬度，使其看起來像div在屏幕外滑動？

Question

我已經爲側面導航菜單設置了動畫，以便它可以從屏幕左側滑入。動畫是按照我想要的方式工作的，但我必須將div的寬度設置爲0px，以使其看起來像從屏幕滑出。

如果我設置div的寬度200px這將是200像素寬屏幕，然後擴大至400像素動畫完成後。

我如何能保持200像素寬度的div還要維持動畫後固定的寬度？

這裏有一個jfiddle例如：http://jsfiddle.net/kYRbJ/1/

感謝

Answer 1

試試這個：

nav#cmNav{ 
position:fixed;top:0;left:0; 
left:-200px; 
height:100%; 
width : 200px; 
background-color:#323233; 

-moz-box-shadow: inset 0 0 #000000; 
-webkit-box-shadow: inset 0 #000000; 
box-shadow:   inset -10px 0 10px -5px #000000; 

} 

$(document).ready(function(){ 

    $("#cmNav").animate({left: 0}, 1000); 


}); 

Answer 2

簡單的解決方法：

SEE DEMO

$(document).ready(function(){ 
    $("#cmNav").find('*').css('width','200px').end().animate({width: 200}, 1000); 
});