jquery Uncaught SyntaxError: Unexpected token -

Question

I've looked around through the jQuery docs and google and I can't seem to figure this out, though I have a feeling it's probably something really obvious I'm missing. For some reason, I get this error,

Uncaught SyntaxError: Unexpected token -

,everytime I try and execute my script and I have no idea why (I've tried the script with and without the two - negative signs but it doesn't make a difference).

Here's my code:

$('.head').hover(function() {
    $(this).stop().animate({text-indent:'-60px'},100);
}, function() {
    $(this).stop().animate({text-indent:'-50px'},200);
});

Answer 1

Try:

$('.head').hover(function() {
    $(this).stop().animate({'text-indent':'-60px'},100);
}, function() {
    $(this).stop().animate({'text-indent':'-50px'},200);
});