Animate in jQuery with IE and FF

JavaScript
1

I am tetsting the following statement in both FF and IE8 and it works just fine in FF but only sets the bottom border for the first p element in IE and it’s not animated, it just sets it. I thought one of the advantages in jQuery was that it was supposed to be cross-browser compatible. Am I doing something incorrect here?

I have tried all possible combinations of quote marks and also border-bottom, etc.

$(‘p’).animate({borderBottom: ‘13px solid #8f8f8f’,borderRight: ‘3px solid #bfbfbf’}, 2000);

2

Thanks, I’ll head in that direction.

3

The jQuery animate function only animates numerical unit values so it will not work properly with the value of ‘3px solid #8f8f8f’.

If you want to animate color values then you can use the toggleClass function which is part of the jQuery UI:

good luck