Тренажер Вопрос-Ответ
Добрый день.
Помогите, пожалуйста, написать скрипт.
Имеется код:
<p>Вопрос 1</br> <text class="hidden"> Ответ 1</text></p>
<p>Вопрос 2</br> <text class="hidden"> Ответ 2</text></p>
<p>Вопрос 3</br> <text class="hidden"> Ответ 3</text></p>
Мне нужны 2 кнопки.
По нажатию первой кнопки "Вопрос" на странице рандомно должен появляться один из абзацев, при этом содержимое тегов <text></text> (то есть ответ) должно быть скрыто.
По нажатию второй кнопки "Ответ" должен отобразиться весь абзац целиком (то есть вопрос и ответ).
Иными словами, жму кнопку "Вопрос", вижу один из вопросов, жму кнопку "Ответ", вижу уже показанный вопрос и ответ к нему.
Нажимаю кнопку "Вопрос" повторно, получаю новый вопрос со скрытым ответом.
Примечание: теги я написал приблизительно. Их можно изменить, если это упростит задачу. Однако, и вопрос и ответ могут быть очень длинными (несколько предложений), и мне они необходимы в виде html-кода, а не в виде обычного текста (чтобы я мог выделить нужные слова, задать стили и так далее).
|