Как работает toggleClass?

Смотрел разные примеры js скриптов, и заметил то там один toggleClass только, то есть он дописывает класс Active но не убирает его, но как он потом убирается?

Он не только дописывает но и удаляет

.block {
width:100px;
height:100px;
background-color:orange;
border:2px solid black;
}

.
active {
background-color:green;
}

<div class="block">
<div
class="block">
<div
class="block ">

$('.block').on('click', function() {
$(
this).toggleClass('active')
})

Когда нажимаешь на один блок к нему прикрепляется класс, но при нажатии на него второй раз, этот класс открепляется)