Change Color On Click

by bizamajig

HTML

<div class="red"></div>

CSS

.red {
    width: 50px;
    height: 50px;
    background: red;
}

.black {
    width: 50px;
    height: 50px;
    background: #000;
}

JavaScript

/*function changeColor() {
    
    this.removeClass('red');  
    
}

$('.red').click(changeColor());*/

function changeColor() {
   
    if ( $(this).hasClass('red') ) { 
        $(this).removeClass('red').addClass('black');
    } else {
        $(this).removeClass('black').addClass('red');   
    }
    
}

$('div').click( changeColor );