Как с помощью checkbox при переключении поворачивать блок и вместо этого показывать другой?

Question

[AleksandrMurkup]

Всем привет.
Есть интересная задача.
Имеется блок (div1), у которого есть switcher сделанный с помощью input checkbox. Мне нужно сделать так, чтобы при переключении checkbox-а, div1 поворачивался и вместо него появлялся другой блок (div2) с другим контентом. Процедура должна работать и в обратном порядке.

Answer 1

[sergeyfk]

все легко решается при помощи js.
Вот, изучайте:
www.w3schools.com/jsref/prop_style_visibility.asp
https://learn.javascript.ru/events-change

И что вы подразумеваете под "поворачивался"?

Answer 2

[Ankhena]

toggleClass

Answer 3

[Владимир]

Ну хоть попытайтесь, сделайте хотябы исходную верстку https://codepen.io/ и вам помогут с анимацией
htmlbook.ru/css/transform
htmlbook.ru/css/transition

Если хочется экзотики https://greensock.com/