jquery animate: change span color not working
i have a span with class : cash_warn. I want to change the color of the span with a jquery animation, however it does not work.

What i have right now: 

    	

    $('.cash_warn').animate({ color: "#ff8484" }, 500);

On the other side, this does work correctly, but it does not animate it:

    $('.cash_warn').css('color',"#ff8484");

html:

    <div class=" friends-shadow detailreward3 detailreward"  style="position:absolute;
     height:71px;  width:238px; left: 453px; top: 40px; padding:20px; z-index:99; font:
     bold 11px Helvetica, Arial, sans-serif;">

    <span style=" color:#fff" class="cash_warn">
    text
    </span>

    <br /> <br />

     more text
    </div>



 

Any idea what is going wrong?
jquery animate: change span color not working
===

i have a span with class : cash_warn. I want to change the color of the span with a jquery animation, however it does not work.

What i have right now: 

    	

    $('.cash_warn').animate({ color: "#ff8484" }, 500);

On the other side, this does work correctly, but it does not animate it:

    $('.cash_warn').css('color',"#ff8484");

html:

    <div class=" friends-shadow detailreward3 detailreward"  style="position:absolute;
     height:71px;  width:238px; left: 453px; top: 40px; padding:20px; z-index:99; font:
     bold 11px Helvetica, Arial, sans-serif;">

    <span style=" color:#fff" class="cash_warn">
    text
    </span>

    <br /> <br />

     more text
    </div>



 

Any idea what is going wrong?