Как сделать появление другого текста при нажатие на картинку?

Question

[Joulence]

Как написать, чтобы при нажатие с этого:


Появлялось вот это:


https://jsfiddle.net/04yf8abu/

Comments

[Sergey]

А где код, который вы пробовали написать, но у Вас что-то не получается? Желательно ссылкой на песочницу, например codepen.io.

Если хотите теорию, то верстаете два блока, что на картинке. Второму блоку указываете класс со стилем display: none; На первый блок, на текст вешаете событие на клик и javascript'ом убираете класс у второго блока и присваиваете первому, тогда второй блок появится, а первый скроется.

Можно обойтись без javascript, через input type=checkbox и при нажатии на текст первого блока, который label на самом деле, стилями, в зависимости от статуса input показывать тот или иной блок.

[Joulence]

Firsov36, пока что только это:
https://jsfiddle.net/04yf8abu/

[Sergey]

Joulence, привел пример ответом на вопрос

[Sergey]

Joulence, Ну вот получили нужный ответ, чего отметку "является решением" не поставить

Answer 1

[Sergey]

В продолжение обсуждения, вот Вам набросок для решения задачи. Без использования javascript, все на checkbox и css. Как нажимаете на кнопку, появляется второй блок и первый скрывается.