Как назначить класс одному элементу с одинаковыми классами?

Question

[Роман Говоров]

Есть код:

<div class="box">
<div class="content-block"></div>
<div class="content-block"></div>
<div class="content-block"></div>
<div class="content-block"></div>
</div>
<div class="box">
<div class="content-block"></div>
<div class="content-block"></div>
<div class="content-block"></div>
<div class="content-block"></div>
</div>
<div class="box">
<div class="content-block"></div>
<div class="content-block"></div>
<div class="content-block"></div>
<div class="content-block"></div>
</div>

Как при клике назначить ТОЛЬКО ОДНОМУ блоку "content-block", на который кликнули, класс "active"?

Такой код работает не корректно..

$(document).on("click", ".content-block", function(){
        $(this).toggleClass('active');
    });

Comments

[DevMan]

так он и назначает. вам нужно чтоб при клике на другой блок класс удалялся с предыдущего?

[Роман Говоров]

DevMan, да

Answer 1

[DevMan]

Comments

[Роман Говоров]

Отлично! Спасибо!

Answer 2

[ns 5d]

> Такой код работает не корректно..
а такой?

$(document).on("click", function(){
        $(".content-block").toggleClass('active');
});

Comments

[Роман Говоров]

Неправильно задал вопрос, сейчас переформулирую