Question

I’m working on a little problem. I have <li> elements and I want to change their
background color on each click. In my code, I am trying to count the clicks.
If the click = 1, then the background color would be red. If the click = 2, then the background color would be blue. If the click = 3, the background color would revert to the original and the count will be back to 0;

Here is my
jsfiddle

Answer 1

Is this what you need?

$(function() {    
    $("#sortable li").each(function() {
        var count = 0;
        $(this).click(function(){
        count++;
        if (count === 1) {
            $(this).addClass('on');
        }
        else if(count === 2){
            $(this).removeClass('on');
            $(this).addClass('absent');
        }
        else{
            $(this).removeClass('absent');
            count = 0;
        }
        });
    });
});​

see: http://jsfiddle.net/j8s3D/12/