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 <glen.f.he...@gmail.com> 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 >