Click on active and do inactive [jQuery]

Question

I just want to click on the box, make him active and then on the second click do him inactive. I know that there is method with boolean but I'm not sure how to use it. Thank you for any help. Here's jsfiddle .

$(".box").click(function(){
    var THIS = $(this);

    $(".box").removeClass("active");
    THIS.addClass("active");

});

Answer 1

Something like this should do the job. jQuery has a built in toggle function for things like this

$('.box').click(function(){
 $(this).toggleClass('active');
});