I want a toggle button with it's current css background-color value as 'red'.
on first click it should change to 'yellow', 
on second click it changes to 'green', and
on third it should change back to 'red'.

**HTML**

`<div id="box" class="boxa"> 1 </div>`

**Javascript:**

```
$('div[id="box"]').mousedown(function(){

if($(this).css ('background-color', 'red')) {
       $(this).css ('background-color', 'yellow');    
 }  

});

```

But this doesn't work as `$(this).css ('background-color', 'red')` always returns true,
then tried storing the value in a variable and then checking like this

```
var color = $(this).css ('background-color');
if (color=="red") {
   // change it to some other color
} 

```

But this doesn't work either as `color` returns value in RGB.
Can anyone help me write a working solution.