Добавление и удаление CSS классов, при определенных событиях?

Question

[Владимир Суворов]

Имеется 3 тэга 1 2 3. Необходимо что бы при клике на span 1 добавлялся класс со свойством color:{red}, при этом что бы другие span оставались серым цветом, далее кликнув на span 2 ему добавлялся класс со свойством color:{red}...., а у span 1 и span 3 оставался серый, и так далее... Подскажите саму Логику решения данной задачи желательно не использовать jquery, если имеется источник с решением такой задачи здорово , буду рад!

Comments

[Андрей Токмаков]

Железная логика, искать решение без jquery и отметить решением ответы через jquery

Answer 1

[Владислав Токарев]

С использованием jQuery так

Answer 2

[Александр Серяков]

В данной ситуации нет смысла осложнять реализацию отсутствием jquery https://jsfiddle.net/b69cpzxL/1/

Answer 3

[Андрей Токмаков]

Если без jquery, то с использованием каких нибудь чекбоксов, например как тут:
ruseller.com/lessons.php?rub=2&id=1377
Но это извращение какое то получается