Velocity.js and calc() CSS function

Question

I'm trying to animate an element's width using velocity and the calc() function.

$("#menuContainer").velocity({width: "calc(100% + -260px)"}, 500);

this animates the element's width to 0.

Does .velocity not support the css function calc()? or am do i overlooking a basic syntax error?

Answer 1

Why don't you use

$("#menuContainer").velocity({width: '-=260px'}, 500);  

For 50% width, you can use:

var menu=$("#menuContainer");      
menu.velocity({width:menu.width()/2}, 500);