Jquery — создание класса и обращение к нему. Почему .on срабатывает как двойной клик?

Question

[Anarchy]

Вопрос простейший, но почему-то код работает не совсем правильно. Нужно добавить класс к блоку и потом обработать клик по блоку с новым классом. Использую .on но почему-то код работает, как будто я кликнул дважды. То есть после клика идет добавление класса и одновременно срабатывание клика по новому классу. Должно быть так: Кликаем один раз - появляется текст, кликаем второй раз - пропадает блок
https://jsfiddle.net/7ybvz62x/2/

Answer 1

[0xD34F]

Так?

Comments

[Anarchy]

Срабатывает только один раз

[0xD34F]

Anarchy, а как иначе-то? - блок ведь пропал. По чему вы кликать собрались?

[Anarchy]

0xD34F, https://jsfiddle.net/7ybvz62x/6/ вот такой код у меня на основе вашего примера.
https://jsfiddle.net/7ybvz62x/4/ так я пытался сделать изначально.

[0xD34F]

Anarchy, а что происходить-то должно при работе вашего "такого кода"?

[Anarchy]

0xD34F, клик:
находим все блоки в container и удаляем классы active и green (всегда активен только один блок)
вешаем на блок класс active, следующему блоку вешаем класс green
клик по блоку с active:
находим все блоки в container и удаляем классы active и green (возвращаем все блоки в исходное состояние)

[0xD34F]

Anarchy, так, что ли?

[Anarchy]

0xD34F, да! Спасибо =)