А где код, который вы пробовали написать, но у Вас что-то не получается? Желательно ссылкой на песочницу, например codepen.io.
Если хотите теорию, то верстаете два блока, что на картинке. Второму блоку указываете класс со стилем display: none; На первый блок, на текст вешаете событие на клик и javascript'ом убираете класс у второго блока и присваиваете первому, тогда второй блок появится, а первый скроется.
Можно обойтись без javascript, через input type=checkbox и при нажатии на текст первого блока, который label на самом деле, стилями, в зависимости от статуса input показывать тот или иной блок.
В продолжение обсуждения, вот Вам набросок для решения задачи. Без использования javascript, все на checkbox и css. Как нажимаете на кнопку, появляется второй блок и первый скрывается.
Простой
