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

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