title: jQuery animate() and CSS calc()
body: <p>I tried to set CSS <code>calc()</code> using jQuery animate, for example:</p>
  
  <pre><code>$element.animate({
      height: 'calc(100% - 30px)'
  }, 500);
  </code></pre>
  
  <p>and I noticed that <code>calc()</code> is not working with jQuery animate...<br></p>
  
  <p>I hope that there is a way to do it, I don't want a similar way to do it, an alternative or a workaround, <strong>I want to set calc()</strong></p>
  
  <p>Is this impossible? In any way?</p>
  
  <p>If it is possible, please can you show how?</p>