jQuery fade in background colour

jquery css fadein
Marcos Placona picture Marcos Placona · Apr 16, 2010 · Viewed 19.9k times · Source

I'm trying to fade in the background colour of a table row, and can't get it right. The fade-in will happen when a button is clicked.

I tried something like:

$("#row_2").fadeIn('slow').css('background', 'gold')

And although this will apply the colour to the table row, it won't fade in, but apply it at once.

I'm sure this is a simple thing, but I can't find an answer to that. I've looked all over in this website, but still no luck for this specific thing.

Thanks in advance

Answer

Petr Peller picture Petr Peller · Apr 16, 2010

The pure jQuery does not have functionality to animate colors. You have to use jQueryUI or jQuery color plugin.

Then use .animate() function.

Related questions

jQuery .fadeIn() on page load?

I'm trying to set up some code so that I have a that is hidden at first but then fades in after the page is loaded. I have the following HTML code: <div class="hidden"> <p>…

Read More
jQuery fade elements from one class to another, on hover

can this be done? for eg. .class1{ background-image:(whatever.jpg) color: #fff; } .class2{ background-image:(whatever2.jpg) color: #999; } can I fade all elements that have class1 to class2 when the mouse is over the element, and back to class1 when mouse …

Read More
Make Nivo Slider fade-in on load

Hey, I want to load the Nivo Slider in this order: Before the slides appear, a loading.gif is shown. Once the slides are ready to appear, they fadeIn. The Nivo Slider's call function looks like this: $(window).load(function() { /* ///// …

Read More