Как сделать чтобы при клике появлялись разные блоки?

Question

[loozmax]

я реализовал клик, но появляется лишь один и тот же блок
мне нужно чтобы появлялись разные (например при нажатии на 1 -- красный, на 2 -- желтый, итд), а все остальное исчезало со страницы

помогите, пожалуйста, доделать
https://codepen.io/loozmax/pen/ExVRaew?editors=0110

Answer 1

[Kataev]

https://codepen.io/Mr_Sti4/pen/PoPaMza
На самом деле они и есть разные, просто у тебя один и тот же стиль для 3 разных блоков. Я просто добавил пропсы, что бы продемонстрировать тебе это.

Comments

[loozmax]

Спасибо. А можете подсказать, как по клику сделать так, чтобы остался только блок с классом .content (т.е блок который вызван по клику) и после закрытия .content все вернулось назад?
По идеи же если я вешаю обработчик событий на .element, я могу удалить только его?

[Kataev]

loozmax, https://codepen.io/Mr_Sti4/pen/PoPaMza?editors=1010

[loozmax]

KataevAS, дай тебе здоровья) мучился с этим весь день

Answer 2

[0xD34F]

https://jsfiddle.net/a13ef8ms/