jquery - divが画面外からスライドインするように見せながら、幅を修正するにはどうすればよいですか?

Question

画面の左側からスライドして表示されるように、サイド ナビゲーション メニューをアニメーション化しました。アニメーションは思い通りに動作しますが、div の幅を に設定して、0px画面外からスライドインするように見せる必要がありました。

div の幅を に設定する200pxと、画面上で 200px の幅になり、アニメーションが終了すると 400px に広がります。

div の 200px 幅を維持しながら、アニメーション後にその固定幅を維持するにはどうすればよいですか?

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);


});