我怎样才能修复宽度，同时让div看起来像是从屏幕上滑入？

Question

我为侧面导航菜单设置了动画，使其看起来从屏幕左侧滑入。动画按照我的要求运行，但我必须将div的宽度设置为0px，以使其看起来从屏幕外滑动。

如果我将div的宽度设置为200px，则屏幕上的宽度将为200px，然后在动画结束后扩展为400px。

如何保持div的200px宽度，并在动画后保持固定宽度？

这是一个例子：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);
});