Смена background-image при клике на табы?

Question

[Daniel_Defo]

Добрый день господа чародеи, есть такая заминка, как реализовать следующий блок? Задача при клике менять background-image на синий, далее при клике на другой менять его background-image на синий, а у первого возвращать обратно на красный background-image, кто сталкивался помогите) Всем добра!

Comments

[kulaeff]

А в чем проблема? Что-то не получается? Или вы даже не пробовали?

[Степан Крапивин]

задача банальная. Любитель халявы?

[Daniel_Defo]

Степан, Почему халявы? Я никого не заставляю отвечать на мой вопрос. Тебе вообще какое дело, не нравится, держи свое мнение при себе и листай дальше. Удачи!

[Степан Крапивин]

Daniel_Defo, ну не лень же было целый вопрос задавать. В гугл лень было вбить "выделить активный элемент"?

[Daniel_Defo]

Степан, Степан именно такое решение, которое предоставил JaredWinter, было самым подходящим из всего что я нашел в интернете.

[Конан Варвар]

Степан, на самом деле мы забываем для чего в первую очередь предназначен этот ресурс. Это нормальная практика, когда люди задают здесь "глупые" для матёрых писарей вопросы. Отвечать или не отвечать это дело добровольное. А помочь и плюснуть себе в карму вещь приятная.

Вам автор, я все же рекомендую не лениться.

P.S. Все дело в том, что Даниель Дефо мой любимый писатель детства :)

Answer 1

[Конан Варвар]

https://jsfiddle.net/akobcbkz/

Comments

[Daniel_Defo]

Да, спасибо большое)

[Daniel_Defo]

а Как сделать плавную смену?)

[one_day]

там есть бонус) при клике в любой другой области

[one_day]

Daniel_Defo,

.col {
...
transition: all 1s;
}

[Конан Варвар]

Daniel_Defo, Вот вам плавно. Но не ленитесь гуглить. Это действительно очень простой вопрос :) Удачи.

[Daniel_Defo]

one_day, Так не работает,я уже пробовал)

[Daniel_Defo]

JaredWinter, Хорошо)

[one_day]

Daniel_Defo,
не верю)

[Daniel_Defo]

one_day, C картинкой не работает обычный transition, с фоном работает