There could be many ways to do that. If only you put in a little thought to
it :).
This is one of the ways, I am sure this is not the best way, but it surely
should meet your demands.
$("#btnTraffic").click(function(){
var tr_id = "#trafficLight";
if ( $(tr_id).css('background-color') == 'red' )
$(tr_id).css("background-color","yellow");
else if ( $(tr_id).css('background-color') == 'yellow' )
$(tr_id).css('background-color', 'green');
else
$(tr_id).css('background-color', 'red');
});
Thanks & Regards,
Dhruva Sagar.
On Tue, Dec 15, 2009 at 9:25 PM, Glen_H <[email protected]> wrote:
> here is my problem:
>
> $("#btnTraffic").click(function(){
> $("#trafficLight").css("background-color","yellow");
>
> });
>
> btnTraffic is my button, when I click it, it changes from red to
> yellow because of the css.
>
> I want to click it multiple times and have it rotate between red,
> yellow and green.
>
> so it starts red, I click it, it turns yellow, then I click it and it
> turns green, then click again back to red, so on and so forth. anyone
> have any idea how to make that happen? I can change it once no
> problem, but I need some type of loop command or something like that.
>
>
>
> Thanks in advance !
>
> Glen
>
