Суть проблемы вот в чем, к примеру имеем два блока с классом block, один из них еще и с классом green
<div class="block">Блок 1</div>
<div class="block green">Блок 2</div>
Пишу код для добавления класса green блоку без данного класса, примерно так:
$('.block').not('.green').click(function(){
$(this).addClass('green');
})
И код, чтобы убрать класс green:
$('.block.green').click(function(){
$(this).removeClass('green');
})
С первым нажатием по блоку все работает отлично, но если нажимаю повторно на блок, что бы у блока, которому только что добавил класс green убрать данный класс, ничего не происходит. Не отрабатывает селектор.
Подскажите как разобраться в данной ситуации?