Как при клике на checkbox закрыть блок?

Question

[MegaSanchez]

Есть задача: Существуют блоки на сайте с информацией и чекбоксом. Необходимо сделать так, чтобы при нажатии на чекбокс, этот блок закрашивался в желтый цвет и через секунду исчезал.

Как это сделать?
Или где найти нечто похожее?

Answer 1

[Дмитрий]

https://jsfiddle.net/soledar10/mgefbdt0/

Answer 2

[lega]

jsfiddle.net/z6js9q6k

Comments

[Decadal]

вы предлагаете для решения этой задачи скачивать либу в 67 кб?

[lega]

Decadal: Если делается веб приложение, то лучше использовать какую-нибудь "высокоуровневую" либу, чем изобретать наколенный велосипед, т.к. без этого, примеры чуть сложнее могут вылиться в горы js.
И там 21кб передается, а не 67.

[Decadal]

Вопрос использования либы - архитектурное решение. Если новичку с каждым ответом будут советовать либы, его учебный проект станет рассадником проблем и основы он освоит не скоро. Кроме того, использование ангуляра без знаний об ангуляре может тоже вылиться в горы ... вопросов на тостере или того же js кода. Нет, ваше решение, конечно, хорошее, но всё-таки.

Answer 3

[Seva Sargsyan]

codepen.io/sevasargsyan/pen/PNrQjE