How to deselect a div after adding a class

Question

Pls see:

https://jsfiddle.net/villete/0yf0nucj/

$(document).ready(function(){            
    $('.block').click(function() {
        $(".block.blockActive").removeClass("blockActive");
        $(this).addClass('blockActive');
    });
});

How do I deselect the blue div so that none of the divs are selected anymore? I think I need a toggle for this but I dont know how to implement this.

Thank you :-)

Answer 1

Okay, I think I got the solution.

    if (!$(this).hasClass('blockActive')) {
        $('.block').removeClass('blockActive');
        $(this).addClass('blockActive');
    } else {
        $(this).removeClass('blockActive');
    }

https://jsfiddle.net/0yf0nucj/8/

Found it here

Answer 2

I think toggleClass("blockActive") is what you are searching for.