I try to make this work but not luck yet, why the DIV does not highlight(Flashing) when the figures updated in stats.php?
In stats.php
<div id="student_today"><b>$<?php print getTodayStats($collageid); ?></b></div>
Month:
<div id="student_month"><b>$<?php print getMonthStats($collageid); ?></b></div>
Below style for div:
.stats_highlight{
background: #03B1EE;
border-top-color: #03B1EE;
z-index: 10;
color: #fff;
In main.php :
<tr class="live">
<td width="267">
<p align="left">Today's Students:</p></td>
<td width="201">
<p align="left"> </p></td>
<td width="220">
<span value="value" id="student_today"></span></td>
</tr>
<tr class="live">
<td width="267">
<p align="left">Month's students:</p></td>
<td width="201">
<p align="left"> </p></td>
<td width="220">
<span class="value" id="student_month"></span></td>
</tr>
I need someone who can guide me solve this question. Really appreciate.
Your question:
The answer using jQuery:
See DEMO.
You will need to click on
'Some text here'(SPAN content); than jQuery will replace initialClass withnewClass...
EDIT:
Below is for your initial question (in regards with your comments):
Live demo
Now, that was in case you needed to fade out; replace the class and fade in. If you need it without class replacement than it would be even with less code. Please feel free to play with the demo.