Javascript 动画方法不接受带有“calc”的宽度值

当您点击隐藏菜单按钮绿色线条时，侧菜单隐藏和后包裹必须将宽度更改为全尺寸-但这不会发生

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

$(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);
  });  
});

如何使用动画方法设置包裹后宽度的动画