Animate方法不接受宽度值＆＃39; calc＆＃39;

Question

当您单击隐藏菜单按钮（绿线）时，侧面隐藏和后置换行必须将宽度更改为完整大小 - 但这不会发生。

我尝试通过变量设置宽度值 - 结果，它可以工作，但没有动画。

$(document).ready(function(){
  // HIDE-MENU BUTTON TOGGLE: full width of post wrap
  $('#hide-menu-btn').toggle(function(){
      var x = $('.post-wrap').css('width','calc(100% - 15px)');
      $('.post-wrap').animate({width:x},200);
    },function(){
      var y = $('.post-wrap').css('width','calc(100% - 135px)');
      $('.post-wrap').animate({width:y},200);
  });  
});

如何使用animate方法为post wrap宽度设置动画？

FIDDLE