Как сделать интерактивный вариант подсказок на HTML/CSS?

Question

[Михаил Лялин]

Как сделать интерактивный вариант подсказок на HTML/CSS: вывод первого вопроса и в зависимости от ответа пользователя (радиокнопки) переход к другому вопросу/ответу?

Answer 1

[Иван]

Интерактивный подразумевает JS, JS подразумевает интерактивный.

Comments

[Михаил Лялин]

Примеры в студию!

Answer 2

[Сергей Сергей]

Радиокнопка без скрипта не сработает, кажется.
Но можно через стилизованные под радиокнопку ссылки с href-ом #AnswerCase и отображение элементов с #AnswerCase:target с нужным текстом и другими радиоссылками. Где-то здесь так несколько веток меню сделали.

как-то так jsfiddle.net/rm04vxjb

Comments

[Михаил Лялин]

Примеры в студию!

[Сергей Сергей]

Михаил Лялин: codepen.io/chriscoyier/pen/umEgv — здесь по хешу :#main-nav" из ссылки-"бутерброда" через стили открывается меню, подобным образом можно заставить выборочно открываться блоки с нужным текстом. Конечно, придется попотеть, чтобы дерево вопросов и ответов сформировать в перевариваемую CSS-ом структуру.

И да, кажется, не в первый раз этот вопрос задается?

[Сергей Сергей]

Михаил Лялин: Хотя, тут понадобится только список именованных блоков, внутри которых будут текст вопроса и радиоссылочки с ответами — по хешу видимость можно настроить плоскую, а не иерархическую.