Javascript 无法切换向左滑动div

我很难从左边滑出一个球，我以前也这样做过，效果很好，但我不确定这一次，因为某种原因，它根本没有滑出。 它似乎滑动了几毫米，然后出现。显示div的其余部分

我试过了

$('#menu_area').toggle('slide', { direction: 'left' }, 1000);

及

这是我的链接

演示
尝试动画宽度，如果你想滑动效果显示在上面的链接

 $(document).on('click','button',function(){
   if($("#expand").css('width') == '0px') {
    $("#expand").animate({"width":"500px"}, "slow"); 
   } else {
    $("#expand").animate({"width":"0px"}, "slow");        
   }
});

 $(document).on('click','button',function(){
   if($("#expand").css('width') == '0px') {
    $("#expand").animate({"width":"500px"}, "slow"); 
   } else {
    $("#expand").animate({"width":"0px"}, "slow");        
   }
});