Question

$this.animate(  {
                width: +=50,
                height: +=50,
                padding-right:50px
                }   

along with the webkit/moz border attributes, I haven’t been able to use any hyphenated css properties. Putting it in quotes (“padding-right”) and removing the hyphen altogether (“paddingRight”) didn’t fix it, on top of the latter not working with the webkit/moz attributes.

The error I get in Chrome’s inspection tool is:

Uncaught SyntaxError: Unexpected token -

Answer 1

Live Demo

When you have a hyphen you need to wrap it in quotes, otherwise it wont parse correctly giving you a syntax error. Note this isnt limited to jQuery properties, object properties in general.

$this.animate(  {
                width: '+=50',
                height: '+=50',
                'padding-right':50
                } ); 

j08692 is also correct in the comments, paddingRight will also work. http://docs.jquery.com/index.php?title=Effects/animate&redirect=no