jQuery + CSS默认BG颜色

Question

I have a div with a css style of say green or blue, depending on the nth child color. I set it to orange using

<div id='yo' class='alternatingcolors' style='background-color: #FF9900;'>hello</div> 

and I want to animate it back to its original color using jquery's

$('yo').animate({ backgroundColor: 'transparent'}, 500);

However, neither transparent, inherit, null, or '' work.

How would I get it back to its original color? Essentially I want to animate it to the state before: style='background-color: #FF9900;' was set.

Answer 1

The lookup to 'yo' should be prefixed with a hash, eg:

$('#yo')

If that's not the issue:

You could store the original colour as data in the div, then restore it later:

<div id='yo' data-original-color='#FF9900' class='alternatingcolors'>

then:

$('#yo').animate({ backgroundColor: $('#yo').data('original-color') }, 500);

Answer 2

您可以将其第一个背景色保存为变量，然后使用它：

orange = $("yo").css("background-color")