Question

I have a div with background color red . on clicking this div background color should change in cyclic order .. red, green and gray.. the cycle should continue.

i don’t want to use any jquery plugins to achive this

please refer this jsfiddle

Answer 1

See DEMO

<div class="myDiv"></div>​

div {
  background: #3f3;
  height: 40px;
  width: 40px;    
}

var cur = 0;
var colors = ['#3f3', '#f33', '#33f', '#ff3'];

$('.myDiv').click(function() {
    cur = (cur + 1) % colors.length;
    $(this).css('background', colors[cur]);
});   ​