title: Use css calc() in jquery
body: <p>How can I do this?</p>
  
  <pre><code>$('#element').animate({ "width": "calc(100% - 278px)" }, 800);
  $('#element').animate({ "width": "calc(100% - 78px)" }, 800);
  </code></pre>
  
  <p>I can do it if it's only <code>%</code> or only <code>px</code>, but not <code>calc()</code>, can I use some other option of jQuery? or some other trick of JavaScript?</p>
  
  <p>It's a change that have to be done when the user clicks some element, so:</p>
  
  <pre><code>$("#otherElement").on("click", FunctionToToggle);
  </code></pre>
  
  <p>when the user clicks the <code>$("#otherElement")</code> the toggle effect has to occur.</p>