Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Реализовать два стиля через if-else (https://javascript.ru/forum/jquery/61348-realizovat-dva-stilya-cherez-if-else.html)

Артур_ в_отчаянии 14.02.2016 19:03

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

рони 14.02.2016 19:24

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

Артур_ в_отчаянии 14.02.2016 19:30

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

рони 14.02.2016 19:37

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

Артур_ в_отчаянии 14.02.2016 21:20

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

рони 14.02.2016 21:52

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

Артур_ в_отчаянии 14.02.2016 22:01

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

рони 14.02.2016 22:56

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


Часовой пояс GMT +3, время: 12:30.