Реализовать два стиля через if-else

[Артур_ в_отчаянии]

https://jsfiddle.net/rk0fx9nt/9/ Два стиля clicked и clickedNot. Как правильно построить конструкцию if-else, чтобы при клике один блок имел стиль clickedNot, а два других clicked?

[рони]

Артур_ в_отчаянии,
https://jsfiddle.net/rk0fx9nt/10/

[Артур_ в_отчаянии]

рони, нет. Пользователь не знает, где серый блок, а узнает при клике. 3 голубых блока. Щелкнул на первый он стал розовым (оставшиеся два, голубые), Щелкнул на третий он стал серым и так получаем:
1 блок - розовый;
2 блок - голубой;
3 блок - серый;
Нужен if-else, но не знаю как правильно условия задать.

[рони]

Артур_ в_отчаянии,
не осилил

[Артур_ в_отчаянии]

рони, может замудренно написал. Вот проше https://jsfiddle.net/rk0fx9nt/12/ Вы щелкнули первый блок он стал серым и недоступным, на остальные два блока распространяется стиль clicked.

[рони]

Артур_ в_отчаянии,
неа ещё хуже ... $('#chan') == $(this).addClass('clickedNot'); ... это мне не по силам осмыслить

[Артур_ в_отчаянии]

Ещё проще. На картинках. Первая по умолчанию. Вторая у первого блока стиль clickedNot у двух оставшихся clicked. Как всё таки реализовать это с помощь js?

[рони]

Артур_ в_отчаянии,
чем вариант из 2 поста не устраивает ?
расставьте классы как вам нужно
https://jsfiddle.net/rk0fx9nt/13/ вариант шиворот на выворот