Как при нажатии на кнопку включать и отключать объекты?

Question

[avdoshka]

Всем доброго времени суток помогите пожалуйста разобраться в css стилях. Мне нужно что бы при нажатии на кнопку включить (ON) появлялся луч света и картинка а при нажатии OFF они исчезали.

Comments

[posters]

Для этого существует JavaScript. Обычного CSS тут мало.

[avdoshka]

posters, Можно ли сделать это на чистом css и html

[v3shin]

Можно добавить checkbox перед элементом со светом и прописать .myCheckbox:checked + .light {...} Но тогда придется отдельно разбираться со стилизацией переключателя.

[avdoshka]

v3shin, А если сделать так чек бокс в состоянии checked то показуем луч и картинку, иначе скрываем

Answer 1

[Максим]

По идее если делать по феншую, всё должно работать : https://codepen.io/topicstarter/pen/LYWRYEE

Comments

[avdoshka]

А как еще сделать что бы вместе с лучом появлялась картинка?

[Максим]

avdoshka, я поправил - наверно не успело обновится - проверьте ещё раз - светится щас снизу вверх

[avdoshka]

Максим Ленский, Сейчас исчезла кнопка

[Максим]

avdoshka, я щас исправлю минут через 20 -30 - проверите

[avdoshka]

Максим Ленский, А как еще сделать что бы вместе с лучом появлялась картинка?

[Максим]

avdoshka, всё сделал -можете проверить - дальше сами - поставите луч и картинку - куда надо https://codepen.io/topicstarter/pen/LYWRYEE

[avdoshka]

avdoshka, Максим вы просто Бог программирования я очень рад это работает

[Максим]

avdoshka, ну тогда галочка - и отметьить решение

[avdoshka]

Максим Ленский, Большое спасибо сейчас я это сделаю и храни вас Бог