divを右/左に移動するには

Question

これはこのウェブサイトの最初の質問です！ :) 私はレストランのウェブサイトで働いています。問題は、コードの次の部分が誤動作していることです。ボタンをクリックすると#menuが右方向に広がり、幅= 225px後に停止します。しかし、同じボタンをもう一度クリックすると、＃menu契約（幅= 50）と再び広がり（幅= 225）！ 助けてください！

$("#menu").toggle(

    function(){ 
      $("#menu").animate({width:225},"slow"); 
    }, 
    function(){ 
      $("#menu").animate({width:50},"slow"); 
    }); 
     }); 
}); 

---

<!--following is the code for menu--> 
<div id="menu" style="position:absolute; width:50; 

opacity:.4; height:75%; background-color:#000000; left:80%; top:20%;"> 
<button>Cart</button> 
</div> 

Answer 1

私はjqueryの整数とトラブルを抱えていると思いますが、それがやりたいんそれは何でPXと

$('#menu').toggle('click', function(){ 
    $(this).animate({width:'225px'},500); 
},function(){ 
    $(this).animate({width:'50px'},500); 
});